#DFCC20

#DFCC20

Color Values

HEX

#DFCC20

RGB

223, 204, 32

HSL

54,0, 74,9%, 50,0%

HSV

54,0, 85,7%, 87,5%

CMYK

0,0%, 8,5%, 85,7%, 12,5%

OKLCH

0,8354 0,1691 102,3

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#DFCC20

#2033DF

Analogous

#DF6C20

#93DF20

#DFCC20

Triadic

#DFCC20

#20DFCC

#CC20DF

Split Complementary

#DFCC20

#2093DF

#6C20DF

Tetradic

#DFCC20

#20DF6C

#2033DF

#DF2093

Color Blindness Simulation

Original

#DFCC20

Protanopia

#D7D74A

Deuteranopia

#D8D954

Tritanopia

#DE6B72

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FCFBF2
100
#F9F6E2
200
#F6F1C1
300
#F0E694
400
#E7D95A
500
#DFCC20
600
#B2A31A
700
#8F8214
800
#6F6610
900
#514B10
950
#332F0A

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

12,8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026