Chambray

#2A458A

General Information about Chambray (#2A458A)

Chambray, represented by the hexadecimal color code #2A458A, is a medium-dark shade of blue with a subtle grayish undertone. It's named after the chambray fabric, which is typically a light blue cotton plain-weave cloth with a colored warp and a white weft. This gives the fabric, and consequently the color, a slightly heathered or textured appearance. In the RGB color model, #2A458A is composed of 16.47% red, 27.06% green, and 54.12% blue. In the CMYK color model, it consists of 69% cyan, 50% magenta, 0% yellow, and 46% black. The chambray color is often associated with calmness, trustworthiness, and stability, making it a popular choice in various design applications. Its relatively low saturation makes it easy on the eyes and suitable for extended viewing, such as in website backgrounds or large blocks of text.

The color #2A458A, also known as Chambray, presents specific accessibility considerations, especially in web design. When using this color for text, it's crucial to ensure sufficient contrast with the background. A light background color is generally recommended to meet WCAG (Web Content Accessibility Guidelines) standards for contrast ratios, specifically Level AA (minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text) and Level AAA (enhanced contrast ratio of 7:1 for normal text and 4.5:1 for large text). Tools like contrast checkers can help verify compliance. Avoid pairing #2A458A text with similar dark shades, as this would make the text difficult to read for users with visual impairments. In user interface elements, using this color for interactive components necessitates clear visual cues to indicate the element's state (e.g., hover, focus, active) and to differentiate it from surrounding non-interactive elements. This is crucial for users with cognitive disabilities or those who rely on keyboard navigation. Proper use of ARIA attributes can further enhance accessibility by providing assistive technologies with additional information about the element's role and state.

Shades

Digital Color Formats

RGB
42 69 138
RGB42 69 138
Red
Green
Blue
HSL
223.13deg 53.33% 35.29%
223.1353.3335.29HSL
Hue
Saturation
Lightness
HWB
223.13deg 16.47% 45.88%
223.1316.4745.88HWB
Hue
Whiteness
Blackness
hex#2A458A
rgb42 69 138
hsl223.13deg 53.33% 35.29%
cmyk69.57% 50% 0% 45.88%
hwb223.13deg 16.47% 45.88%
xyz-d650.08 0.07 0.25
oklch0.4088 0.1196 265.39
oklab0.4088 -0.01 -0.12
CMYK
69.57% 50% 0% 45.88%
69.5750045.88CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.07 0.25
0.080.070.25XYZ
X
Y
Z
OKLCH
0.4088 0.1196 265.39
0.40880.1196265.39LCH
Lightness
Chroma
Hue
OKLAB
0.4088 -0.01 -0.12
0.4088-0.01-0.12LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons