#D5CF80

#D5CF80

Color Values

HEX

#D5CF80

RGB

213, 207, 128

HSL

55.8, 50.3%, 66.9%

HSV

55.8, 39.9%, 83.5%

CMYK

0.0%, 2.8%, 39.9%, 16.5%

OKLCH

0.8417 0.1006 104.6

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D5CF80

#8086D5

Analogous

#D5A580

#B1D580

#D5CF80

Triadic

#D5CF80

#80D5CF

#CF80D5

Split Complementary

#D5CF80

#80B1D5

#A580D5

Tetradic

#D5CF80

#80D5A5

#8086D5

#D580B1

Color Blindness Simulation

Original

#D5CF80

Protanopia

#D2D293

Deuteranopia

#D3D398

Tritanopia

#D5A2A6

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEBC9
300
#E1DCA3
400
#D0C971
500
#C0B73F
600
#999233
700
#7B7529
800
#605B20
900
#46431B
950
#2C2B11

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.07: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