Blue Dianne

#22454E

General Information about #22454E

The hexadecimal color code #22454E represents a dark shade of blue, often referred to as "Blue Dianne". It is composed of 13.3% red, 27.1% green, and 30.6% blue. In the RGB color model, this translates to 34 red, 69 green, and 78 blue. The color is commonly perceived as calming, sophisticated, and stable. Hexadecimal color codes are widely used in web design and graphic design to define colors precisely. The color #22454E belongs to the cool color family due to the prominence of blue hues and can be effectively used to create a sense of tranquility or professionalism, depending on the context.

The color #22454E, also known as Blue Dianne, presents some accessibility considerations for web developers. Its relatively dark hue means that it generally requires light-colored text for sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #22454E as a background, ensure the text color provides adequate contrast to meet these guidelines. Using a color contrast checker is highly advisable to verify compliance. Additionally, consider users with visual impairments who may have difficulty distinguishing between subtle color differences. Avoid using color alone to convey important information; supplement it with text or icons to ensure inclusivity.

Shades

Digital Color Formats

RGB
34 69 78
RGB34 69 78
Red
Green
Blue
HSL
192.27deg 39.29% 21.96%
192.2739.2921.96HSL
Hue
Saturation
Lightness
HWB
192.27deg 13.33% 69.41%
192.2713.3369.41HWB
Hue
Whiteness
Blackness
hex#22454E
rgb34 69 78
hsl192.27deg 39.29% 21.96%
cmyk56.41% 11.54% 0% 69.41%
hwb192.27deg 13.33% 69.41%
xyz-d650.04 0.05 0.08
oklch0.3681 0.0433 216.54
oklab0.3681 -0.03 -0.03
CMYK
56.41% 11.54% 0% 69.41%
56.4111.54069.41CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.05 0.08
0.040.050.08XYZ
X
Y
Z
OKLCH
0.3681 0.0433 216.54
0.36810.0433216.54LCH
Lightness
Chroma
Hue
OKLAB
0.3681 -0.03 -0.03
0.3681-0.03-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons