Chathams Blue

#224F79

General Information

Chathams Blue, represented by the hexadecimal color code #224F79, is a dark shade of cyan-blue. It evokes feelings of calmness, stability, and trust, making it a popular choice in various design applications. This color is composed of 13.33% red, 30.98% green, and 47.45% blue. In the RGB color space, #224F79 has a hue angle of 210.5 degrees, a saturation of 55.2%, and a lightness of 30.4%. Its CMYK representation is 0.72, 0.35, 0, 0.53, making it suitable for print media. The color's depth allows it to be used effectively as both a background and accent color.

The color #224F79, also known as Chathams Blue, has a moderate contrast ratio against white, making it generally acceptable for body text but potentially problematic for small text or elements requiring high visibility. When paired with black, the contrast is lower, suggesting a need for larger font sizes or thicker lines for graphical elements to ensure readability and usability. To improve accessibility, consider using lighter shades of yellow or orange as foreground colors, as these offer better contrast. Developers should use contrast checking tools to verify that color choices meet WCAG guidelines, ensuring content is accessible to users with visual impairments. Careful consideration of color pairings is essential to avoid creating barriers to information access.

Shades

Digital Color Formats

RGB
34 79 121
RGB34 79 121
Red
Green
Blue
HSL
208.97deg 56.13% 30.39%
208.9756.1330.39HSL
Hue
Saturation
Lightness
HWB
208.97deg 13.33% 52.55%
208.9713.3352.55HWB
Hue
Whiteness
Blackness
hex#224F79
rgb34 79 121
hsl208.97deg 56.13% 30.39%
cmyk71.9% 34.71% 0% 52.55%
hwb208.97deg 13.33% 52.55%
xyz-d650.07 0.07 0.19
oklch0.4174 0.0861 249.28
oklab0.4174 -0.03 -0.08
CMYK
71.9% 34.71% 0% 52.55%
71.934.71052.55CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.19
0.070.070.19XYZ
X
Y
Z
OKLCH
0.4174 0.0861 249.28
0.41740.0861249.28LCH
Lightness
Chroma
Hue
OKLAB
0.4174 -0.03 -0.08
0.4174-0.03-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons