#D0C96C

#D0C96C

Color Values

HEX

#D0C96C

RGB

208, 201, 108

HSL

55.8, 51.5%, 62.0%

HSV

55.8, 48.1%, 81.6%

CMYK

0.0%, 3.4%, 48.1%, 18.4%

OKLCH

0.822 0.1157 104.8

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#D0C96C

#6C73D0

Analogous

#D0976C

#A5D06C

#D0C96C

Triadic

#D0C96C

#6CD0C9

#C96CD0

Split Complementary

#D0C96C

#6CA5D0

#976CD0

Tetradic

#D0C96C

#6CD097

#6C73D0

#D06CA5

Color Blindness Simulation

Original

#D0C96C

Protanopia

#CDCD82

Deuteranopia

#CDCE88

Tritanopia

#D09498

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EEEBC9
300
#E1DDA2
400
#D1CA70
500
#C1B83E
600
#9B9331
700
#7C7628
800
#615C1F
900
#47441A
950
#2D2B10

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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