Chathams Blue

#1F4C7C

General Information

Chathams Blue, with the hexadecimal code #1F4C7C, is a dark shade of blue that exudes a sense of calmness and sophistication. It falls within the blue color family, which is often associated with trust, stability, and intelligence. In the RGB color model, it is composed of 12.2% red, 29.8% green, and 48.6% blue. The CMYK color model representation is 75% cyan, 39% magenta, 0% yellow, and 51% black. This color is frequently used in corporate branding and website design to convey reliability and professionalism. Its relatively low saturation makes it easy on the eyes and suitable for extended viewing, such as in text-heavy websites or documents.

The color #1F4C7C, also known as Chathams Blue, presents moderate accessibility challenges. Its contrast ratio with white text is approximately 4.6:1, which meets WCAG AA standards for normal text (4.5:1) but falls short of AAA standards (7:1). When used with black text, the contrast ratio is lower, making it less accessible. To enhance accessibility, consider using lighter shades of text or adding a background overlay to increase contrast. Testing the color with accessibility evaluation tools is recommended to ensure compliance with specific guidelines and user needs. Additionally, remember to test the color on different devices and displays to ensure consistent rendering, as perceived color and contrast can vary.

Shades

Digital Color Formats

RGB
31 76 124
RGB31 76 124
Red
Green
Blue
HSL
210.97deg 60% 30.39%
210.976030.39HSL
Hue
Saturation
Lightness
HWB
210.97deg 12.16% 51.37%
210.9712.1651.37HWB
Hue
Whiteness
Blackness
hex#1F4C7C
rgb31 76 124
hsl210.97deg 60% 30.39%
cmyk75% 38.71% 0% 51.37%
hwb210.97deg 12.16% 51.37%
xyz-d650.07 0.07 0.2
oklch0.4106 0.0947 252.44
oklab0.4106 -0.03 -0.09
CMYK
75% 38.71% 0% 51.37%
7538.71051.37CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.2
0.070.070.2XYZ
X
Y
Z
OKLCH
0.4106 0.0947 252.44
0.41060.0947252.44LCH
Lightness
Chroma
Hue
OKLAB
0.4106 -0.03 -0.09
0.4106-0.03-0.09LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons