Khaki

#D5C58A
RGB
213, 197, 138
HSL
47°, 47%, 69%
CMYK
0, 8, 35, 16
HSV
47°, 35%, 84%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D5C58A color: #D5C58A;
RGB 213, 197, 138 color: rgb(213, 197, 138);
RGB Percentage 84%, 77%, 54% color: rgb(84%, 77%, 54%);
CMYK 0%, 8%, 35%, 16% Not supported in CSS
HSL 47°, 47%, 69% color: hsl(47, 47%, 69%);
HSV 47°, 35%, 84% Not supported in CSS
CIE-LAB 55, 3, 20 color: lab(55% 3 20);
Decimal 14009738 Not supported in CSS

Color Variations

Shades

#D5C58B
#CCB871
#C2AB57
#B59C41
#9B8638
#816F2F
#675925
#4E431C

Tints

#F2EEDC
#EEE8D1
#EAE2C5
#E6DCB9
#E2D6AE
#DDD1A2
#D9CB96
#D5C58B

Tones

#D5C58B
#D1C38F
#CEC192
#CABF96
#C6BD9A
#C3BA9D
#BFB8A1
#BBB6A5

Hues

#D5C58B
#ADD58B
#8BD5A0
#8BD3D5
#8B9BD5
#B28BD5
#D58BC0
#D58D8B

Color Harmonies

Analogous

#D5A08B
Click to copy
#D5C58A
Click to copy
100%
#C0D58B
Click to copy

Complementary

#D5C58A
Click to copy
100%
#8B9BD5
Click to copy

Split Complementary

#D5C58A
Click to copy
100%
#8BC0D5
Click to copy
#A08BD5
Click to copy

Triadic

#D5C58A
Click to copy
100%
#8BD5C5
Click to copy
#C58BD5
Click to copy

Tetradic

#D5C58A
Click to copy
100%
#8BD5A0
Click to copy
#8B9BD5
Click to copy
#D58BC0
Click to copy
95%

Square

#D5C58A
Click to copy
100%
#8BD5A0
Click to copy
#8B9BD5
Click to copy
#D58BC0
Click to copy
95%

CSS & Dev Snippets

CSS
.khaki {
  color: #D5C58A;
}
SCSS
$khaki: #D5C58A;
RGB
rgb(213, 197, 138)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags