#DFC878

#DFC878

Color Values

HEX

#DFC878

RGB

223, 200, 120

HSL

46.6, 61.7%, 67.3%

HSV

46.6, 46.2%, 87.5%

CMYK

0.0%, 10.3%, 46.2%, 12.5%

OKLCH

0.8348 0.1034 93.9

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#DFC878

#788FDF

Analogous

#DF9578

#C3DF78

#DFC878

Triadic

#DFC878

#78DFC8

#C878DF

Split Complementary

#DFC878

#78C3DF

#9578DF

Tetradic

#DFC878

#78DF95

#788FDF

#DF78C3

Color Blindness Simulation

Original

#DFC878

Protanopia

#D5D58B

Deuteranopia

#D6D890

Tritanopia

#DE9B9E

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F2E4
200
#F1E7C5
300
#E8D79C
400
#DBC166
500
#CEAB31
600
#A58927
700
#846D1F
800
#675618
900
#4B3F16
950
#30280E

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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