Congress Blue

#113887

General Information about Congress Blue

Congress Blue, with the hexadecimal code #113887, is a deep, rich shade of blue that evokes feelings of stability, trust, and authority. It is often associated with institutions, government, and corporate environments, lending a sense of professionalism and dependability. The color's depth and saturation make it suitable for use as a primary color in branding, where it can convey a sense of strength and reliability. In graphic design, Congress Blue can be effectively used to create contrast and visual interest when paired with lighter colors or complementary hues. Its versatility extends to web design, where it can serve as a background color, text highlight, or button accent. However, due to its darkness, it's crucial to ensure sufficient contrast with text and other elements to maintain readability and accessibility. Overall, Congress Blue is a timeless and sophisticated color choice that can enhance a wide range of design projects.

The color #113887, also known as Congress Blue, presents some accessibility challenges, particularly concerning color contrast. When used as text against a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) AA standards for contrast ratio, which require a ratio of at least 4.5:1 for normal text. This can make it difficult for users with visual impairments to read the text comfortably. Similarly, when used as a background color with white text, the contrast should be carefully evaluated. To improve accessibility, consider pairing #113887 with lighter colors or using it for larger text elements, where the contrast requirements are slightly less stringent (3:1 for large text). Also, providing alternative color schemes or allowing users to customize the color palette can enhance the user experience for individuals with different visual needs. Tools like contrast checkers are invaluable for verifying compliance with accessibility standards. Employing techniques such as text shadows or borders can also help to increase the legibility of text against this dark blue hue. Ensuring sufficient contrast is crucial for creating inclusive and user-friendly web content.

Shades

Digital Color Formats

RGB
17 56 135
RGB17 56 135
Red
Green
Blue
HSL
220.17deg 77.63% 29.8%
220.1777.6329.8HSL
Hue
Saturation
Lightness
HWB
220.17deg 6.67% 47.06%
220.176.6747.06HWB
Hue
Whiteness
Blackness
hex#113887
rgb17 56 135
hsl220.17deg 77.63% 29.8%
cmyk87.41% 58.52% 0% 47.06%
hwb220.17deg 6.67% 47.06%
xyz-d650.06 0.05 0.24
oklch0.3675 0.1396 262.24
oklab0.3675 -0.02 -0.14
CMYK
87.41% 58.52% 0% 47.06%
87.4158.52047.06CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.05 0.24
0.060.050.24XYZ
X
Y
Z
OKLCH
0.3675 0.1396 262.24
0.36750.1396262.24LCH
Lightness
Chroma
Hue
OKLAB
0.3675 -0.02 -0.14
0.3675-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons