#DEE023

#DEE023

Color Values

HEX

#DEE023

RGB

222, 224, 35

HSL

60.6, 75.3%, 50.8%

HSV

60.6, 84.4%, 87.8%

CMYK

0.9%, 0.0%, 84.4%, 12.2%

OKLCH

0.8767 0.1853 110.4

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DEE023

#2523E0

Analogous

#E08323

#80E023

#DEE023

Triadic

#DEE023

#23DEE0

#E023DE

Split Complementary

#DEE023

#2380E0

#8323E0

Tetradic

#DEE023

#23E083

#2523E0

#E02380

Color Blindness Simulation

Original

#DEE023

Protanopia

#DFDF51

Deuteranopia

#DFDF5C

Tritanopia

#DE757D

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F6F6C0
300
#EFF094
400
#E6E85A
500
#DEE01F
600
#B1B319
700
#8E8F14
800
#6F7010
900
#515110
950
#33330A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.79:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026