#DFDF12

#DFDF12

Color Values

HEX

#DFDF12

RGB

223, 223, 18

HSL

60,0, 85,1%, 47,3%

HSV

60,0, 91,9%, 87,5%

CMYK

0,0%, 0,0%, 91,9%, 12,5%

OKLCH

0,875 0,1883 109,7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#DFDF12

#1212DF

Analogous

#DF7912

#79DF12

#DFDF12

Triadic

#DFDF12

#12DFDF

#DF12DF

Split Complementary

#DFDF12

#1279DF

#7912DF

Tetradic

#DFDF12

#12DF79

#1212DF

#DF1279

Color Blindness Simulation

Original

#DFDF12

Protanopia

#DFDF44

Deuteranopia

#DFDF4F

Tritanopia

#DF6B73

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FAFABD
300
#F6F68E
400
#F1F150
500
#ECEC13
600
#BDBD0F
700
#97970C
800
#767609
900
#56560B
950
#363607

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,7: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