#DFD178

#DFD178

Color Values

HEX

#DFD178

RGB

223, 209, 120

HSL

51,8, 61,7%, 67,3%

HSV

51,8, 46,2%, 87,5%

CMYK

0,0%, 6,3%, 46,2%, 12,5%

OKLCH

0,8532 0,1115 100,5

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#DFD178

#7886DF

Analogous

#DF9E78

#BADF78

#DFD178

Triadic

#DFD178

#78DFD1

#D178DF

Split Complementary

#DFD178

#78BADF

#9E78DF

Tetradic

#DFD178

#78DF9E

#7886DF

#DF78BA

Color Blindness Simulation

Original

#DFD178

Protanopia

#D9D98E

Deuteranopia

#DADB93

Tritanopia

#DE9FA2

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F4E4
200
#F1EBC5
300
#E8DD9C
400
#DBCB66
500
#CEB931
600
#A59427
700
#84761F
800
#675C18
900
#4B4416
950
#302B0E

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

13,53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026