#D3DA6C

#D3DA6C

Color Values

HEX

#D3DA6C

RGB

211, 218, 108

HSL

63.8, 59.8%, 63.9%

HSV

63.8, 50.5%, 85.5%

CMYK

3.2%, 0.0%, 50.5%, 14.5%

OKLCH

0.8605 0.1343 112.2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#D3DA6C

#736CDA

Analogous

#DAAA6C

#9CDA6C

#D3DA6C

Triadic

#D3DA6C

#6CD3DA

#DA6CD3

Split Complementary

#D3DA6C

#6C9CDA

#AA6CDA

Tetradic

#D3DA6C

#6CDAAA

#736CDA

#DA6C9C

Color Blindness Simulation

Original

#D3DA6C

Protanopia

#D6D687

Deuteranopia

#D6D58D

Tritanopia

#D39CA0

Achromatopsia

#D1D1D1

CSS Usage

background-color: #D3DA6C;
color: #D3DA6C;
border-color: #D3DA6C;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EEF1C6
300
#E2E69D
400
#D2D968
500
#C2CC33
600
#9BA329
700
#7C8221
800
#61661A
900
#474B16
950
#2D2F0E

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.01:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026