Chambray

#2C4F88

General Information about Chambray

The hexadecimal color code #2C4F88 represents a dark shade of blue, often referred to as "Chambray". It is composed of 17.3% red, 31% green, and 53.3% blue. In the RGB color model, this translates to 44 red, 79 green, and 136 blue. In the CMYK color model, it consists of 68% cyan, 42% magenta, 0% yellow, and 47% black. Chambray's wavelength is approximately 476.65 nm. This color evokes feelings of calmness, trustworthiness, and professionalism. It is often associated with stability and reliability, making it suitable for various applications in design and branding.

The color #2C4F88, also known as Chambray, presents moderate accessibility challenges. Its contrast ratio against white is approximately 4.7:1, which meets WCAG AA standards for normal text but falls short for larger text or UI components. Against black, the contrast is lower, requiring careful consideration. To enhance accessibility, consider using a lighter color for text or interactive elements when paired with Chambray. Also, avoid using Chambray for essential visual information without providing alternative cues. Careful color combinations and thoughtful design choices are crucial for ensuring that content is perceivable and usable for individuals with visual impairments. Testing with accessibility tools is highly recommended to validate color choices.

Shades

Digital Color Formats

RGB
44 79 136
RGB44 79 136
Red
Green
Blue
HSL
217.17deg 51.11% 35.29%
217.1751.1135.29HSL
Hue
Saturation
Lightness
HWB
217.17deg 17.25% 46.67%
217.1717.2546.67HWB
Hue
Whiteness
Blackness
hex#2C4F88
rgb44 79 136
hsl217.17deg 51.11% 35.29%
cmyk67.65% 41.91% 0% 46.67%
hwb217.17deg 17.25% 46.67%
xyz-d650.08 0.08 0.24
oklch0.4313 0.1032 259.7
oklab0.4313 -0.02 -0.1
CMYK
67.65% 41.91% 0% 46.67%
67.6541.91046.67CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.08 0.24
0.080.080.24XYZ
X
Y
Z
OKLCH
0.4313 0.1032 259.7
0.43130.1032259.7LCH
Lightness
Chroma
Hue
OKLAB
0.4313 -0.02 -0.1
0.4313-0.02-0.1LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons