Chambray

#A4C8E1

What color is Chambray?

Chambray is a soft, medium blue with a slightly muted, airy quality, hex #A4C8E1, similar in tone to a pale blue hydrangea. It has a gentle brightness that keeps it from feeling gray, with enough blue presence to read as a clear, calm color.

What is the meaning of the color Chambray?

Named after Cambrai, a town in northern France historically known for producing fine lightweight linen and cotton fabrics, the color reflects the pale blue tones that appeared in chambray cloth exported across Europe from the 16th century onward. The fabric itself was documented in French trade records and became a staple of workwear in the 19th century, particularly in the American South and West, where chambray shirts were worn by laborers and farmers. Levi Strauss and Co. adopted chambray fabric for work shirts in the late 1800s, helping the soft blue become associated with durability and everyday wear. The color name entered broader use as a descriptor tied directly to that textile tradition.

RGB
164, 200, 225
HSL
205°, 50%, 76%
CMYK
27, 11, 0, 12
HSV
205°, 27%, 88%
Chambray color

What colors go with Chambray?

Colors that pair well with Chambray include:
White: clean, open contrast
Navy: deeper tonal anchor
Sand: warm, grounding balance
Sage Green: soft, natural pairing
Coral: gentle warm complement

Similar Colors

Conversions & Codes

Format Value CSS
HEX #A4C8E1 color: #A4C8E1;
RGB 164, 200, 225 color: rgb(164, 200, 225);
RGB Percentage 64%, 78%, 88% color: rgb(64%, 78%, 88%);
CMYK 27%, 11%, 0%, 12% Not supported in CSS
HSL 205°, 50%, 76% color: hsl(205, 50%, 76%);
HSV 205°, 27%, 88% Not supported in CSS
CIE-LAB 61, -7, -8 color: lab(61% -7 -8);
Decimal 10799329 Not supported in CSS

Color Variations

Shades

#A3C7E0
#86B5D7
#69A3CD
#4C92C3
#3A7EAE
#306991
#275474
#1D3F57

Tints

#E3EEF6
#DAE9F3
#D1E3F0
#C8DDED
#BFD8EA
#B6D2E7
#ACCDE3
#A3C7E0

Tones

#A3C7E0
#A6C6DD
#A9C6DA
#ACC5D7
#AFC5D4
#B3C4D1
#B6C4CE
#B9C3CB

Hues

#A3C7E0
#ADA3E0
#DBA3E0
#E0A3B8
#E0BDA3
#D6E0A3
#A8E0A3
#A3E0CC

Color Harmonies

Analogous

#A3E0DB
Click to copy
#A4C8E1
Click to copy
#A3A8E0
Click to copy

Complementary

#A4C8E1
Click to copy
#E0BDA3
Click to copy

Split Complementary

#A4C8E1
Click to copy
#E0A3A8
Click to copy
#E0DBA3
Click to copy
97%

Triadic

#A4C8E1
Click to copy
#E0A3C7
Click to copy
#C7E0A3
Click to copy

Tetradic

#A4C8E1
Click to copy
#DBA3E0
Click to copy
#E0BDA3
Click to copy
#A8E0A3
Click to copy

Square

#A4C8E1
Click to copy
#DBA3E0
Click to copy
#E0BDA3
Click to copy
#A8E0A3
Click to copy

CSS & Dev Snippets

CSS
.chambray {
  color: #A4C8E1;
}
SCSS
$chambray: #A4C8E1;
RGB
rgb(164, 200, 225)

Accessibility & Contrast

White background

1.76:1
1.76
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.93:1
11.93
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags