Chambray

#2A4A8A

General Information about Chambray (#2A4A8A)

The hexadecimal color code #2A4A8A, also known as Chambray, is a shade of blue that evokes feelings of calmness, stability, and sophistication. In the RGB color model, it is composed of 16.47% red, 29.02% green, and 54.12% blue. This combination results in a color that is often associated with trust and reliability. Chambray is widely used in various applications, from web design to fashion, owing to its versatile and pleasing aesthetic. The color is not overly stimulating, making it an excellent choice for designs where a subtle yet impactful visual presence is desired. It falls within the blue color family, known for its association with serenity and professionalism. When used effectively, Chambray can enhance the overall appeal and user experience of any design project, conveying a sense of competence and composure.

The color #2A4A8A, also known as Chambray, presents some accessibility considerations for web developers. Its relatively dark hue means careful attention must be paid to color contrast, especially regarding text. To ensure readability for all users, including those with visual impairments, it is crucial to use light-colored text on a Chambray background, or vice versa. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. Tools like contrast checkers can help verify compliance. Thoughtful application of this color can result in an aesthetically pleasing design that is also inclusive and accessible. When using this color for interactive elements like buttons or links, make sure the color provides sufficient contrast for different states. For instance, use a lighter shade on hover or focus states, so users can clearly see what is active. When using it as a background with images, ensure that there is sufficient contrast with the image elements. Finally, avoid pairing this dark shade of blue with other dark colors, as this could lead to a lack of clarity and make your website difficult to navigate. All elements are important for a great user experience.

Shades

Digital Color Formats

RGB
42 74 138
RGB42 74 138
Red
Green
Blue
HSL
220deg 53.33% 35.29%
22053.3335.29HSL
Hue
Saturation
Lightness
HWB
220deg 16.47% 45.88%
22016.4745.88HWB
Hue
Whiteness
Blackness
hex#2A4A8A
rgb42 74 138
hsl220deg 53.33% 35.29%
cmyk69.57% 46.38% 0% 45.88%
hwb220deg 16.47% 45.88%
xyz-d650.08 0.07 0.25
oklch0.4201 0.1131 262.58
oklab0.4201 -0.01 -0.11
CMYK
69.57% 46.38% 0% 45.88%
69.5746.38045.88CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.07 0.25
0.080.070.25XYZ
X
Y
Z
OKLCH
0.4201 0.1131 262.58
0.42010.1131262.58LCH
Lightness
Chroma
Hue
OKLAB
0.4201 -0.01 -0.11
0.4201-0.01-0.11LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons