Blue Dianne

#224B56

General Information about #224B56

The hexadecimal color #224B56, also known as Blue Dianne, is a dark, muted shade of blue-green. It is composed of 13.33% red, 29.41% green, and 33.73% blue. In the RGB color model, it has values of R:34, G:75, B:86. In the CMYK color model, its values are C:61, M:13, Y:0, K:66. This color is often associated with calmness, stability, and sophistication. Its dark nature makes it suitable for backgrounds or accent elements, especially when paired with lighter colors to create contrast. The name "Blue Dianne" suggests a connection to natural elements, potentially referring to a gemstone or a body of water.

The color #224B56, also known as Blue Dianne, presents some accessibility challenges, especially when used for text. Its relatively low lightness value results in a low contrast ratio against a white background, potentially making it difficult for users with visual impairments to read. To improve accessibility, consider using a lighter color for the background or text. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using tools like contrast checkers can help determine if the color combination meets these standards. Additionally, providing alternative cues such as icons or descriptive text can enhance usability for all users. This is very important for a good user experience.

Shades

Digital Color Formats

RGB
34 75 86
RGB34 75 86
Red
Green
Blue
HSL
192.69deg 43.33% 23.53%
192.6943.3323.53HSL
Hue
Saturation
Lightness
HWB
192.69deg 13.33% 66.27%
192.6913.3366.27HWB
Hue
Whiteness
Blackness
hex#224B56
rgb34 75 86
hsl192.69deg 43.33% 23.53%
cmyk60.47% 12.79% 0% 66.27%
hwb192.69deg 13.33% 66.27%
xyz-d650.05 0.06 0.1
oklch0.3882 0.0493 217.73
oklab0.3882 -0.04 -0.03
CMYK
60.47% 12.79% 0% 66.27%
60.4712.79066.27CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.1
0.050.060.1XYZ
X
Y
Z
OKLCH
0.3882 0.0493 217.73
0.38820.0493217.73LCH
Lightness
Chroma
Hue
OKLAB
0.3882 -0.04 -0.03
0.3882-0.04-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons