#DFC220

#DFC220

Color Values

HEX

#DFC220

RGB

223, 194, 32

HSL

50.9, 74.9%, 50.0%

HSV

50.9, 85.7%, 87.5%

CMYK

0.0%, 13.0%, 85.7%, 12.5%

OKLCH

0.8147 0.162 97.7

Properties

Warm Light Nearest: RAL 1003 Signal Yellow

Color Harmonies

Complementary

#DFC220

#203DDF

Analogous

#DF6320

#9CDF20

#DFC220

Triadic

#DFC220

#20DFC2

#C220DF

Split Complementary

#DFC220

#209CDF

#6320DF

Tetradic

#DFC220

#20DF63

#203DDF

#DF209C

Color Blindness Simulation

Original

#DFC220

Protanopia

#D2D247

Deuteranopia

#D4D651

Tritanopia

#DE666D

Achromatopsia

#BCBCBC

CSS Usage

background-color: #DFC220;
color: #DFC220;
border-color: #DFC220;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFBF2
100
#F9F5E2
200
#F6EEC1
300
#F0E294
400
#E7D25A
500
#DFC220
600
#B29B1A
700
#8F7C14
800
#6F6110
900
#514710
950
#332D0A

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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