#DEE339

#DEE339

Color Values

HEX

#DEE339

RGB

222, 227, 57

HSL

61.8, 75.2%, 55.7%

HSV

61.8, 74.9%, 89.0%

CMYK

2.2%, 0.0%, 74.9%, 11.0%

OKLCH

0.884 0.1791 111.3

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DEE339

#3E39E3

Analogous

#E39339

#89E339

#DEE339

Triadic

#DEE339

#39DEE3

#E339DE

Split Complementary

#DEE339

#3989E3

#9339E3

Tetradic

#DEE339

#39E393

#3E39E3

#E33989

Color Blindness Simulation

Original

#DEE339

Protanopia

#E0E062

Deuteranopia

#E0DF6C

Tritanopia

#DE838A

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F5F6C0
300
#EDF094
400
#E3E85A
500
#DADF20
600
#AEB319
700
#8B8F14
800
#6D7010
900
#4F5110
950
#32330A

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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