#DEE257

#DEE257

Color Values

HEX

#DEE257

RGB

222, 226, 87

HSL

61.7, 70.6%, 61.4%

HSV

61.7, 61.5%, 88.6%

CMYK

1.8%, 0.0%, 61.5%, 11.4%

OKLCH

0.8841 0.159 110.8

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#DEE257

#5B57E2

Analogous

#E2A157

#99E257

#DEE257

Triadic

#DEE257

#57DEE2

#E257DE

Split Complementary

#DEE257

#5799E2

#A157E2

Tetradic

#DEE257

#57E2A1

#5B57E2

#E25799

Color Blindness Simulation

Original

#DEE257

Protanopia

#E0E079

Deuteranopia

#E0DF81

Tritanopia

#DE9399

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F8E2
200
#F3F5C2
300
#EBED97
400
#DFE35E
500
#D4DA25
600
#AAAE1E
700
#888B18
800
#6A6D13
900
#4D4F12
950
#31320B

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026