#DEEC99

#DEEC99

Color Values

HEX

#DEEC99

RGB

222, 236, 153

HSL

70.1, 68.6%, 76.3%

HSV

70.1, 35.2%, 92.5%

CMYK

5.9%, 0.0%, 35.2%, 7.5%

OKLCH

0.9137 0.1067 116.4

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DEEC99

#A799EC

Analogous

#ECD199

#B5EC99

#DEEC99

Triadic

#DEEC99

#99DEEC

#EC99DE

Split Complementary

#DEEC99

#99B5EC

#D199EC

Tetradic

#DEEC99

#99ECD1

#A799EC

#EC99B5

Color Blindness Simulation

Original

#DEEC99

Protanopia

#E4E4AD

Deuteranopia

#E3E2B2

Tritanopia

#DFBDC0

Achromatopsia

#E3E3E3

CSS Usage

background-color: #DEEC99;
color: #DEEC99;
border-color: #DEEC99;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFCF3
100
#F4F8E3
200
#ECF4C3
300
#DEEC98
400
#CCE160
500
#BAD728
600
#94AC20
700
#778A1A
800
#5D6B14
900
#444E13
950
#2B310C

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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