#DFDC14

#DFDC14

Color Values

HEX

#DFDC14

RGB

223, 220, 20

HSL

59.1, 83.5%, 47.6%

HSV

59.1, 91.0%, 87.5%

CMYK

0.0%, 1.3%, 91.0%, 12.5%

OKLCH

0.8686 0.1853 108.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#DFDC14

#1417DF

Analogous

#DF7614

#7CDF14

#DFDC14

Triadic

#DFDC14

#14DFDC

#DC14DF

Split Complementary

#DFDC14

#147CDF

#7614DF

Tetradic

#DFDC14

#14DF76

#1417DF

#DF147C

Color Blindness Simulation

Original

#DFDC14

Protanopia

#DEDE44

Deuteranopia

#DEDE50

Tritanopia

#DF6B73

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#F9F8BD
300
#F5F38F
400
#EFED52
500
#EAE715
600
#BBB911
700
#96940D
800
#75730B
900
#55540C
950
#363508

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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