Chathams Blue

#225476

General Information about Chathams Blue

The hexadecimal color code #225476, commonly referred to as Chathams Blue, represents a dark, muted shade of blue. It is composed of 13.3% red, 32.9% green, and 46.3% blue. In the RGB color model, it falls closer to the blue end of the spectrum. This color evokes feelings of tranquility, stability, and sophistication. It is frequently used in designs where a sense of trustworthiness and professionalism is desired. Chathams Blue's relatively low saturation makes it versatile for use as both a primary and secondary color in various applications, from web design to branding.

The hex color #225476, also known as Chathams Blue, presents specific accessibility considerations for web design. When used as a background color, it's crucial to ensure sufficient contrast with foreground text to meet WCAG guidelines. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Lighter shades of yellows, whites, or even some greens may offer good contrast. Tools like contrast checkers can help verify compliance. Also, consider users with visual impairments who may have difficulty distinguishing certain color combinations. Avoid using color alone to convey important information; supplement it with text or icons. Properly implemented ARIA attributes can further enhance accessibility for screen reader users.

Shades

Digital Color Formats

RGB
34 84 118
RGB34 84 118
Red
Green
Blue
HSL
204.29deg 55.26% 29.8%
204.2955.2629.8HSL
Hue
Saturation
Lightness
HWB
204.29deg 13.33% 53.73%
204.2913.3353.73HWB
Hue
Whiteness
Blackness
hex#225476
rgb34 84 118
hsl204.29deg 55.26% 29.8%
cmyk71.19% 28.81% 0% 53.73%
hwb204.29deg 13.33% 53.73%
xyz-d650.07 0.08 0.18
oklch0.4283 0.0778 241.64
oklab0.4283 -0.04 -0.07
CMYK
71.19% 28.81% 0% 53.73%
71.1928.81053.73CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.08 0.18
0.070.080.18XYZ
X
Y
Z
OKLCH
0.4283 0.0778 241.64
0.42830.0778241.64LCH
Lightness
Chroma
Hue
OKLAB
0.4283 -0.04 -0.07
0.4283-0.04-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons