#D8CC6F

#D8CC6F

Color Values

HEX

#D8CC6F

RGB

216, 204, 111

HSL

53.1, 57.4%, 64.1%

HSV

53.1, 48.6%, 84.7%

CMYK

0.0%, 5.6%, 48.6%, 15.3%

OKLCH

0.8356 0.1156 102.0

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D8CC6F

#6F7BD8

Analogous

#D8976F

#B0D86F

#D8CC6F

Triadic

#D8CC6F

#6FD8CC

#CC6FD8

Split Complementary

#D8CC6F

#6FB0D8

#976FD8

Tetradic

#D8CC6F

#6FD897

#6F7BD8

#D86FB0

Color Blindness Simulation

Original

#D8CC6F

Protanopia

#D3D385

Deuteranopia

#D4D48B

Tritanopia

#D7979B

Achromatopsia

#C8C8C8

CSS Usage

background-color: #D8CC6F;
color: #D8CC6F;
border-color: #D8CC6F;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F6F4E4
200
#F0EBC7
300
#E5DD9F
400
#D7CA6A
500
#C9B836
600
#A1932B
700
#807623
800
#645C1B
900
#494417
950
#2E2B0F

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026