Blue Dianne

#2A4A54

General Information

The hexadecimal color code #2A4A54, also known as Blue Dianne, represents a dark shade of blue-green. It is composed of 16.47% red, 29.02% green, and 32.94% blue. In the RGB color model, this translates to 42 red, 74 green, and 84 blue. When represented in the CMYK color model, it consists of 50% cyan, 12% magenta, 0% yellow, and 67% black. This color is often associated with qualities such as calmness, stability, and sophistication. Due to its dark nature, it is not often used as text directly, but rather as a color for backgrounds. When used as a background, proper contrasting colors must be used.

The hex color #2A4A54, also known as Blue Dianne, presents some accessibility challenges, particularly regarding color contrast. When used as text against a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) standards for contrast ratio, potentially making it difficult for users with visual impairments to read. To improve accessibility, consider using a lighter background or a lighter shade of blue. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Testing the color combination with accessibility tools is advisable to ensure compliance and provide a better user experience for everyone. Providing alternative color schemes can also make the content more accesible.

Shades

Digital Color Formats

RGB
42 74 84
RGB42 74 84
Red
Green
Blue
HSL
194.29deg 33.33% 24.71%
194.2933.3324.71HSL
Hue
Saturation
Lightness
HWB
194.29deg 16.47% 67.06%
194.2916.4767.06HWB
Hue
Whiteness
Blackness
hex#2A4A54
rgb42 74 84
hsl194.29deg 33.33% 24.71%
cmyk50% 11.9% 0% 67.06%
hwb194.29deg 16.47% 67.06%
xyz-d650.05 0.06 0.09
oklch0.3887 0.0413 220
oklab0.3887 -0.03 -0.03
CMYK
50% 11.9% 0% 67.06%
5011.9067.06CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.09
0.050.060.09XYZ
X
Y
Z
OKLCH
0.3887 0.0413 220
0.38870.0413220LCH
Lightness
Chroma
Hue
OKLAB
0.3887 -0.03 -0.03
0.3887-0.03-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons