#DFC120

#DFC120

Color Values

HEX

#DFC120

RGB

223, 193, 32

HSL

50.6, 74.9%, 50.0%

HSV

50.6, 85.7%, 87.5%

CMYK

0.0%, 13.5%, 85.7%, 12.5%

OKLCH

0.8127 0.1614 97.3

Properties

Warm Light Nearest: RAL 1003 Signal Yellow

Color Harmonies

Complementary

#DFC120

#203EDF

Analogous

#DF6220

#9DDF20

#DFC120

Triadic

#DFC120

#20DFC1

#C120DF

Split Complementary

#DFC120

#209DDF

#6220DF

Tetradic

#DFC120

#20DF62

#203EDF

#DF209D

Color Blindness Simulation

Original

#DFC120

Protanopia

#D2D247

Deuteranopia

#D4D650

Tritanopia

#DE666C

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DFC120;
color: #DFC120;
border-color: #DFC120;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FCFBF2
100
#F9F5E2
200
#F6EEC1
300
#F0E194
400
#E7D15A
500
#DFC120
600
#B29A1A
700
#8F7C14
800
#6F6110
900
#514710
950
#332D0A

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026