Blue Dianne

#224356

General Information about Blue Dianne

The hex color #224356, also known as Blue Dianne, is a dark, muted shade of blue that evokes feelings of calmness, stability, and sophistication. It belongs to the family of blue colors, which are often associated with trust, intelligence, and security. In terms of color theory, #224356 is a relatively low-saturation color, which means it is not overly vibrant or intense. This makes it suitable for applications where a subtle and understated effect is desired. The color is created by combining a low amount of red and green with a higher amount of blue, which defines its cool and calming character.

The hex color #224356, also known as Blue Dianne, presents specific accessibility challenges due to its relatively low luminance. When used as a background color, it requires careful consideration of the text color used on top of it. A light text color, such as white or a very light shade of yellow, is essential to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between the text and background should be at least 4.5:1 for normal text and 3:1 for large text to meet AA standards. For AAA compliance, these ratios increase to 7:1 and 4.5:1, respectively. Using contrast checking tools is highly recommended to verify compliance and make informed design decisions. Additionally, avoid using this color for crucial interactive elements or links without proper visual cues, as users with visual impairments might struggle to identify them.

Shades

Digital Color Formats

RGB
34 67 86
RGB34 67 86
Red
Green
Blue
HSL
201.92deg 43.33% 23.53%
201.9243.3323.53HSL
Hue
Saturation
Lightness
HWB
201.92deg 13.33% 66.27%
201.9213.3366.27HWB
Hue
Whiteness
Blackness
hex#224356
rgb34 67 86
hsl201.92deg 43.33% 23.53%
cmyk60.47% 22.09% 0% 66.27%
hwb201.92deg 13.33% 66.27%
xyz-d650.04 0.05 0.1
oklch0.3666 0.0508 235.73
oklab0.3666 -0.03 -0.04
CMYK
60.47% 22.09% 0% 66.27%
60.4722.09066.27CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.05 0.1
0.040.050.1XYZ
X
Y
Z
OKLCH
0.3666 0.0508 235.73
0.36660.0508235.73LCH
Lightness
Chroma
Hue
OKLAB
0.3666 -0.03 -0.04
0.3666-0.03-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons