#DEE373

#DEE373

Color Values

HEX

#DEE373

RGB

222, 227, 115

HSL

62.7, 66.7%, 67.1%

HSV

62.7, 49.3%, 89.0%

CMYK

2.2%, 0.0%, 49.3%, 11.0%

OKLCH

0.8892 0.1358 111.1

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DEE373

#7873E3

Analogous

#E3B073

#A6E373

#DEE373

Triadic

#DEE373

#73DEE3

#E373DE

Split Complementary

#DEE373

#73A6E3

#B073E3

Tetradic

#DEE373

#73E3B0

#7873E3

#E373A6

Color Blindness Simulation

Original

#DEE373

Protanopia

#E0E08E

Deuteranopia

#E0DF95

Tritanopia

#DEA4A8

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F3C3
300
#E7EB99
400
#DAE062
500
#CDD52A
600
#A4AA22
700
#83881B
800
#666A15
900
#4B4E13
950
#2F310C

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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