Blue Dianne

#224B5E

General Information

The hex color #224B5E, also known as Blue Dianne, is a dark, muted shade of blue that evokes feelings of calmness, sophistication, and stability. It belongs to the blue color family and possesses a subtle depth that makes it versatile for various applications. In the RGB color model, it is composed of 13.33% red, 29.41% green, and 36.86% blue. The CMYK color model representation is 64% cyan, 20% magenta, 0% yellow, and 63% black. This color is often associated with professionalism, trustworthiness, and serenity, making it a popular choice in corporate branding and design.

The hex color #224B5E, also known as Blue Dianne, presents some accessibility challenges, especially in text applications. Its relatively low lightness value of 28% means that using it as a background color for text requires careful consideration of the text color. A light text color, such as white or a very light gray, is essential to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. It's crucial to test color combinations using accessibility tools to meet these standards. For UI elements, ensure that interactive components have a clear visual distinction when focused or hovered over, as relying solely on color can exclude users with visual impairments. Also, avoid using this color as the sole indicator for important information or actions.

Shades

Digital Color Formats

RGB
34 75 94
RGB34 75 94
Red
Green
Blue
HSL
199deg 46.88% 25.1%
19946.8825.1HSL
Hue
Saturation
Lightness
HWB
199deg 13.33% 63.14%
19913.3363.14HWB
Hue
Whiteness
Blackness
hex#224B5E
rgb34 75 94
hsl199deg 46.88% 25.1%
cmyk63.83% 20.21% 0% 63.14%
hwb199deg 13.33% 63.14%
xyz-d650.05 0.06 0.12
oklch0.392 0.056 230.6
oklab0.392 -0.04 -0.04
CMYK
63.83% 20.21% 0% 63.14%
63.8320.21063.14CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.12
0.050.060.12XYZ
X
Y
Z
OKLCH
0.392 0.056 230.6
0.3920.056230.6LCH
Lightness
Chroma
Hue
OKLAB
0.392 -0.04 -0.04
0.392-0.04-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons