#DEDF12

#DEDF12

Color Values

HEX

#DEDF12

RGB

222, 223, 18

HSL

60.3, 85.1%, 47.3%

HSV

60.3, 91.9%, 87.5%

CMYK

0.4%, 0.0%, 91.9%, 12.5%

OKLCH

0.8741 0.1885 110.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DEDF12

#1312DF

Analogous

#DF7A12

#78DF12

#DEDF12

Triadic

#DEDF12

#12DEDF

#DF12DE

Split Complementary

#DEDF12

#1278DF

#7A12DF

Tetradic

#DEDF12

#12DF7A

#1312DF

#DF1278

Color Blindness Simulation

Original

#DEDF12

Protanopia

#DEDE44

Deuteranopia

#DEDE4F

Tritanopia

#DE6B73

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#F9FABD
300
#F5F68E
400
#F0F150
500
#EBEC13
600
#BCBD0F
700
#96970C
800
#757609
900
#55560B
950
#363607

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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