#DEE46D

#DEE46D

Color Values

HEX

#DEE46D

RGB

222, 228, 109

HSL

63.0, 68.8%, 66.1%

HSV

63.0, 52.2%, 89.4%

CMYK

2.6%, 0.0%, 52.2%, 10.6%

OKLCH

0.8905 0.1426 111.6

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DEE46D

#736DE4

Analogous

#E4AF6D

#A3E46D

#DEE46D

Triadic

#DEE46D

#6DDEE4

#E46DDE

Split Complementary

#DEE46D

#6DA3E4

#AF6DE4

Tetradic

#DEE46D

#6DE4AF

#736DE4

#E46DA3

Color Blindness Simulation

Original

#DEE46D

Protanopia

#E1E18A

Deuteranopia

#E0E091

Tritanopia

#DEA1A6

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F8E3
200
#F1F4C3
300
#E8EC98
400
#DBE260
500
#CED728
600
#A5AC20
700
#848A19
800
#676C14
900
#4B4E12
950
#30320C

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

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