Blue Dianne

#224248

General Information about #224248

The hexadecimal color code #224248 represents a dark, muted shade of blue-green, often referred to as "Blue Dianne". It belongs to the cyan-blue color family. This color is composed of 13.33% red, 25.88% green, and 28.24% blue. In the RGB color space, its values are R:34, G:66, B:72. In the CMYK color space, its values are C:0.53, M:0.08, Y:0, K:0.72. Blue Dianne evokes feelings of calm, serenity, and stability. It is frequently used in designs requiring a sophisticated and professional look. This color is well-suited for backgrounds or accents in web design, branding, and interior decoration.

The hex color #224248, also known as Blue Dianne, presents some accessibility challenges, especially in text-based contexts. Its relatively low luminance value of 0.037 means it provides insufficient contrast against a standard white background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is required for normal text and 3:1 for large text. Blue Dianne fails to meet these criteria, potentially causing readability issues for users with visual impairments. To improve accessibility, consider using a lighter color for the text, or using Blue Dianne as a background with a lighter text color such as white or a pale yellow. Ensuring sufficient contrast is crucial for making web content accessible to a wider audience.

Shades

Digital Color Formats

RGB
34 66 72
RGB34 66 72
Red
Green
Blue
HSL
189.47deg 35.85% 20.78%
189.4735.8520.78HSL
Hue
Saturation
Lightness
HWB
189.47deg 13.33% 71.76%
189.4713.3371.76HWB
Hue
Whiteness
Blackness
hex#224248
rgb34 66 72
hsl189.47deg 35.85% 20.78%
cmyk52.78% 8.33% 0% 71.76%
hwb189.47deg 13.33% 71.76%
xyz-d650.04 0.05 0.07
oklch0.3572 0.0391 211.06
oklab0.3572 -0.03 -0.02
CMYK
52.78% 8.33% 0% 71.76%
52.788.33071.76CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.05 0.07
0.040.050.07XYZ
X
Y
Z
OKLCH
0.3572 0.0391 211.06
0.35720.0391211.06LCH
Lightness
Chroma
Hue
OKLAB
0.3572 -0.03 -0.02
0.3572-0.03-0.02LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons