#D2C199

#D2C199

Color Values

HEX

#D2C199

RGB

210, 193, 153

HSL

42.1, 38.8%, 71.2%

HSV

42.1, 27.1%, 82.4%

CMYK

0.0%, 8.1%, 27.1%, 17.6%

OKLCH

0.815 0.0568 87.7

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#D2C199

#99AAD2

Analogous

#D2A599

#C7D299

#D2C199

Triadic

#D2C199

#99D2C1

#C199D2

Split Complementary

#D2C199

#99C7D2

#A599D2

Tetradic

#D2C199

#99D2A5

#99AAD2

#D299C7

Color Blindness Simulation

Original

#D2C199

Protanopia

#CBCAA3

Deuteranopia

#CCCDA5

Tritanopia

#D1AAAC

Achromatopsia

#C2C2C2

CSS Usage

background-color: #D2C199;
color: #D2C199;
border-color: #D2C199;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F3F0E7
200
#E9E1CD
300
#DACBAA
400
#C5AF7C
500
#B1934E
600
#8E763E
700
#715E32
800
#584A27
900
#413720
950
#292314

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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