#DFC420

#DFC420

Color Values

HEX

#DFC420

RGB

223, 196, 32

HSL

51.5, 74.9%, 50.0%

HSV

51.5, 85.7%, 87.5%

CMYK

0.0%, 12.1%, 85.7%, 12.5%

OKLCH

0.8188 0.1634 98.7

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#DFC420

#203BDF

Analogous

#DF6420

#9BDF20

#DFC420

Triadic

#DFC420

#20DFC4

#C420DF

Split Complementary

#DFC420

#209BDF

#6420DF

Tetradic

#DFC420

#20DF64

#203BDF

#DF209B

Color Blindness Simulation

Original

#DFC420

Protanopia

#D3D348

Deuteranopia

#D5D751

Tritanopia

#DE676E

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCFBF2
100
#F9F5E2
200
#F6EEC1
300
#F0E394
400
#E7D35A
500
#DFC420
600
#B29D1A
700
#8F7D14
800
#6F6210
900
#514810
950
#332D0A

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026