#DEE382

#DEE382

Color Values

HEX

#DEE382

RGB

222, 227, 130

HSL

63.1, 63.4%, 70.0%

HSV

63.1, 42.7%, 89.0%

CMYK

2.2%, 0.0%, 42.7%, 11.0%

OKLCH

0.8912 0.1206 111.2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DEE382

#8782E3

Analogous

#E3B882

#ADE382

#DEE382

Triadic

#DEE382

#82DEE3

#E382DE

Split Complementary

#DEE382

#82ADE3

#B882E3

Tetradic

#DEE382

#82E3B8

#8782E3

#E382AD

Color Blindness Simulation

Original

#DEE382

Protanopia

#E0E099

Deuteranopia

#E0DF9F

Tritanopia

#DEACB0

Achromatopsia

#DBDBDB

CSS Usage

background-color: #DEE382;
color: #DEE382;
border-color: #DEE382;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#F0F2C5
300
#E5E99B
400
#D6DC65
500
#C8D02F
600
#A0A725
700
#80851E
800
#646817
900
#494C15
950
#2E300D

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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