Congress Blue

#134588

General Information about Congress Blue (#134588)

Congress Blue, with the hex code #134588, is a deep, muted shade of blue that evokes feelings of stability, trust, and authority. It belongs to the blue color family, which is often associated with calmness, serenity, and dependability. This particular shade of blue is not as vibrant as some other blues, making it suitable for applications where a sense of seriousness or formality is desired. In color psychology, deep blues like Congress Blue are often linked to intelligence, efficiency, and logic. Historically, blue has been associated with royalty and high social status, adding to its aura of sophistication. In the context of web design and graphic design, #134588 can be effectively used to create a professional and trustworthy appearance, especially when combined with complementary colors and balanced typography. It is important to note that due to its low luminance, it is crucial to ensure sufficient contrast with text to maintain readability and accessibility.

The color #134588, also known as Congress Blue, presents some accessibility challenges, particularly when used as a background color with light text. Its low luminance value (approximately 8%) means that text contrast must be carefully considered to meet WCAG guidelines. For instance, using white text on a #134588 background will likely pass the AA level for normal text (4.5:1 contrast ratio) but might fall short for smaller text sizes. To ensure broader accessibility, consider using lighter shades of blue or pairing it with high-contrast colors like white or yellow. It is imperative to test color combinations with accessibility evaluation tools to confirm compliance with WCAG standards, which are essential for users with visual impairments. Remember, sufficient contrast is key to ensuring that your content is readable and understandable by everyone. When using #134588 for interactive elements, provide clear visual cues beyond color alone to convey states such as hover or focus, as colorblind users may have difficulty distinguishing it from other dark colors. A combination of color, shape, and text labeling will enhance the usability for all users.

Shades

Digital Color Formats

RGB
19 69 136
RGB19 69 136
Red
Green
Blue
HSL
214.36deg 75.48% 30.39%
214.3675.4830.39HSL
Hue
Saturation
Lightness
HWB
214.36deg 7.45% 46.67%
214.367.4546.67HWB
Hue
Whiteness
Blackness
hex#134588
rgb19 69 136
hsl214.36deg 75.48% 30.39%
cmyk86.03% 49.26% 0% 46.67%
hwb214.36deg 7.45% 46.67%
xyz-d650.07 0.06 0.24
oklch0.3983 0.1237 257.46
oklab0.3983 -0.03 -0.12
CMYK
86.03% 49.26% 0% 46.67%
86.0349.26046.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.06 0.24
0.070.060.24XYZ
X
Y
Z
OKLCH
0.3983 0.1237 257.46
0.39830.1237257.46LCH
Lightness
Chroma
Hue
OKLAB
0.3983 -0.03 -0.12
0.3983-0.03-0.12LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons