Chathams Blue

#224B79

General Information about Chathams Blue

The hexadecimal color code #224B79 represents a shade of blue known as Chathams Blue. It is composed of 13.33% red, 29.41% green, and 47.45% blue. In the RGB color model, this translates to 34 red, 75 green, and 121 blue. In the CMYK color model, it is composed of 71.9% cyan, 38% magenta, 0% yellow, and 52.5% black. Its hue angle is 211.7 degrees, its saturation is 56.1%, and its lightness is 30.4%. This color is often associated with calmness, trust, and stability. It is a versatile color that finds applications in various design contexts.

The color #224B79, also known as Chathams Blue, presents some accessibility challenges. Its relatively low luminance value means that it requires careful consideration of contrast ratios, particularly when used for text or interactive elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is necessary for normal text and 3:1 for large text against its background. When pairing #224B79 with lighter colors, ensure that these ratios are met to accommodate users with low vision or color blindness. Tools like contrast checkers can be invaluable in assessing this. Furthermore, avoid using color alone to convey important information; supplement with text labels or other visual cues to cater to all users, including those with color vision deficiencies.

Shades

Digital Color Formats

RGB
34 75 121
RGB34 75 121
Red
Green
Blue
HSL
211.72deg 56.13% 30.39%
211.7256.1330.39HSL
Hue
Saturation
Lightness
HWB
211.72deg 13.33% 52.55%
211.7213.3352.55HWB
Hue
Whiteness
Blackness
hex#224B79
rgb34 75 121
hsl211.72deg 56.13% 30.39%
cmyk71.9% 38.02% 0% 52.55%
hwb211.72deg 13.33% 52.55%
xyz-d650.07 0.07 0.19
oklch0.4074 0.0903 253.17
oklab0.4074 -0.03 -0.09
CMYK
71.9% 38.02% 0% 52.55%
71.938.02052.55CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.19
0.070.070.19XYZ
X
Y
Z
OKLCH
0.4074 0.0903 253.17
0.40740.0903253.17LCH
Lightness
Chroma
Hue
OKLAB
0.4074 -0.03 -0.09
0.4074-0.03-0.09LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons