Chathams Blue

#184A6B

General Information about Chathams Blue

Chathams Blue, identified by the hexadecimal color code #184A6B, is a dark, muted shade of blue that evokes feelings of calmness, stability, and professionalism. It belongs to the blue color family, known for its association with trustworthiness, intelligence, and efficiency. In color psychology, blue is often used to create a sense of security and relaxation, making it a popular choice for corporate branding, healthcare environments, and educational materials. The specific hue of Chathams Blue lends itself well to designs that require a subtle yet sophisticated touch, avoiding the boldness of brighter blues while maintaining a sense of depth and richness. Its relative darkness means it pairs well with lighter colors to create visual contrast and readability, making it a versatile option for both text and background elements in graphic design. Furthermore, it exhibits characteristics that make it suitable for conveying a sense of formality and dependability.

The color #184A6B, also known as Chathams Blue, presents certain accessibility considerations, particularly in web design. Its relatively low luminance value of 0.055 means it requires careful attention to contrast ratios to ensure readability and usability. According to WCAG guidelines, sufficient contrast between text and background is crucial for users with visual impairments. For normal-sized text (smaller than 18pt), a contrast ratio of at least 4.5:1 is recommended. For large text (18pt and larger, or 14pt bold and larger), the minimum contrast ratio is 3:1. When using #184A6B as a background color, it's essential to choose a foreground text color that meets these contrast requirements to accommodate users with low vision or color blindness. Tools like contrast checkers can help determine if a color combination meets accessibility standards, ensuring content is accessible to a wider audience. Insufficient contrast can lead to difficulty reading, eye strain, and a degraded user experience, especially for users with visual impairments. Therefore, thoughtful color selection is paramount in creating inclusive and accessible web designs.

Shades

Digital Color Formats

RGB
24 74 107
RGB24 74 107
Red
Green
Blue
HSL
203.86deg 63.36% 25.69%
203.8663.3625.69HSL
Hue
Saturation
Lightness
HWB
203.86deg 9.41% 58.04%
203.869.4158.04HWB
Hue
Whiteness
Blackness
hex#184A6B
rgb24 74 107
hsl203.86deg 63.36% 25.69%
cmyk77.57% 30.84% 0% 58.04%
hwb203.86deg 9.41% 58.04%
xyz-d650.05 0.06 0.15
oklch0.3926 0.0768 241.74
oklab0.3926 -0.04 -0.07
CMYK
77.57% 30.84% 0% 58.04%
77.5730.84058.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.15
0.050.060.15XYZ
X
Y
Z
OKLCH
0.3926 0.0768 241.74
0.39260.0768241.74LCH
Lightness
Chroma
Hue
OKLAB
0.3926 -0.04 -0.07
0.3926-0.04-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons