#DFDC9F

#DFDC9F

Color Values

HEX

#DFDC9F

RGB

223, 220, 159

HSL

57.2, 50.0%, 74.9%

HSV

57.2, 28.7%, 87.5%

CMYK

0.0%, 1.3%, 28.7%, 12.5%

OKLCH

0.8823 0.0791 105.5

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DFDC9F

#9FA2DF

Analogous

#DFBC9F

#C2DF9F

#DFDC9F

Triadic

#DFDC9F

#9FDFDC

#DC9FDF

Split Complementary

#DFDC9F

#9FC2DF

#BC9FDF

Tetradic

#DFDC9F

#9FDFBC

#9FA2DF

#DF9FC2

Color Blindness Simulation

Original

#DFDC9F

Protanopia

#DEDEAE

Deuteranopia

#DEDEB1

Tritanopia

#DFB9BC

Achromatopsia

#D8D8D8

CSS Usage

background-color: #DFDC9F;
color: #DFDC9F;
border-color: #DFDC9F;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEBC9
300
#E0DEA3
400
#D0CB71
500
#BFB940
600
#999433
700
#7A7729
800
#605D20
900
#46441B
950
#2C2B11

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.88:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026