Blue Dianne

#22484C

General Information about #22484C

The hex color code #22484C, also known as Blue Dianne, represents a dark shade of cyan-blue. In the RGB color model, it is composed of 13.33% red, 28.24% green, and 29.8% blue. Its CMYK values are 0.55, 0.05, 0, and 0.7. This color is often associated with feelings of calmness, stability, and sophistication. Its dark nature makes it suitable for creating a sense of depth and richness. Its versatility allows it to be used in various applications. The name 'Blue Dianne' suggests a connection to precious stones, further associating it with elegance and quality.

The color #22484C, also known as Blue Dianne, presents some accessibility challenges, especially regarding color contrast. When using this color for text or interactive elements, it's crucial to ensure sufficient contrast against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Given the darkness of #22484C, it's best paired with very light colors to meet these standards. Tools like contrast checkers can help verify compliance. Additionally, avoid relying solely on color to convey information; use supplementary cues like text labels or icons to ensure usability for individuals with color vision deficiencies. Careful consideration of these factors will lead to a more inclusive and accessible design.

Shades

Digital Color Formats

RGB
34 72 76
RGB34 72 76
Red
Green
Blue
HSL
185.71deg 38.18% 21.57%
185.7138.1821.57HSL
Hue
Saturation
Lightness
HWB
185.71deg 13.33% 70.2%
185.7113.3370.2HWB
Hue
Whiteness
Blackness
hex#22484C
rgb34 72 76
hsl185.71deg 38.18% 21.57%
cmyk55.26% 5.26% 0% 70.2%
hwb185.71deg 13.33% 70.2%
xyz-d650.04 0.05 0.08
oklch0.3755 0.0437 204.52
oklab0.3755 -0.04 -0.02
CMYK
55.26% 5.26% 0% 70.2%
55.265.26070.2CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.05 0.08
0.040.050.08XYZ
X
Y
Z
OKLCH
0.3755 0.0437 204.52
0.37550.0437204.52LCH
Lightness
Chroma
Hue
OKLAB
0.3755 -0.04 -0.02
0.3755-0.04-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons