#D9CF6F

#D9CF6F

Color Values

HEX

#D9CF6F

RGB

217, 207, 111

HSL

54,3, 58,2%, 64,3%

HSV

54,3, 48,8%, 85,1%

CMYK

0,0%, 4,6%, 48,8%, 14,9%

OKLCH

0,8427 0,1186 103,3

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#D9CF6F

#6F79D9

Analogous

#D99A6F

#AED96F

#D9CF6F

Triadic

#D9CF6F

#6FD9CF

#CF6FD9

Split Complementary

#D9CF6F

#6FAED9

#9A6FD9

Tetradic

#D9CF6F

#6FD99A

#6F79D9

#D96FAE

Color Blindness Simulation

Original

#D9CF6F

Protanopia

#D5D586

Deuteranopia

#D5D68C

Tritanopia

#D8999D

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F6F4E4
200
#F0ECC7
300
#E5DF9E
400
#D8CD6A
500
#CABC35
600
#A1962B
700
#817822
800
#655E1B
900
#4A4517
950
#2F2C0F

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,11:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026