#DEE381

#DEE381

Color Values

HEX

#DEE381

RGB

222, 227, 129

HSL

63.1, 63.6%, 69.8%

HSV

63.1, 43.2%, 89.0%

CMYK

2.2%, 0.0%, 43.2%, 11.0%

OKLCH

0.891 0.1217 111.2

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DEE381

#8681E3

Analogous

#E3B781

#ADE381

#DEE381

Triadic

#DEE381

#81DEE3

#E381DE

Split Complementary

#DEE381

#81ADE3

#B781E3

Tetradic

#DEE381

#81E3B7

#8681E3

#E381AD

Color Blindness Simulation

Original

#DEE381

Protanopia

#E0E099

Deuteranopia

#E0DF9E

Tritanopia

#DEABB0

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#F0F2C5
300
#E5E99B
400
#D6DD65
500
#C8D12E
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.41: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