Chambray

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

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
Light Cyan
94%
#A4C8E1
Click to copy
Chambray
100%
#A3A8E0
Click to copy
Light Blue
93%

Complementary

#A4C8E1
Click to copy
Chambray
100%
#E0BDA3
Click to copy
Light Red
80%

Split Complementary

#A4C8E1
Click to copy
Chambray
100%
#E0A3A8
Click to copy
Light Magenta
79%
#E0DBA3
Click to copy
Light Orange
80%

Triadic

#A4C8E1
Click to copy
Chambray
100%
#E0A3C7
Click to copy
Light Purple
83%
#C7E0A3
Click to copy
Light Yellow
83%

Tetradic

#A4C8E1
Click to copy
Chambray
100%
#DBA3E0
Click to copy
Light Purple
85%
#E0BDA3
Click to copy
Light Red
80%
#A8E0A3
Click to copy
Light Green
85%

Square

#A4C8E1
Click to copy
Chambray
100%
#DBA3E0
Click to copy
Light Purple
85%
#E0BDA3
Click to copy
Light Red
80%
#A8E0A3
Click to copy
Light Green
85%

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