#EDEE96

#EDEE96

Color Values

HEX

#EDEE96

RGB

237, 238, 150

HSL

60.7, 72.1%, 76.1%

HSV

60.7, 37.0%, 93.3%

CMYK

0.4%, 0.0%, 37.0%, 6.7%

OKLCH

0.9289 0.11 108.9

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#EDEE96

#9796EE

Analogous

#EEC396

#C1EE96

#EDEE96

Triadic

#EDEE96

#96EDEE

#EE96ED

Split Complementary

#EDEE96

#96C1EE

#C396EE

Tetradic

#EDEE96

#96EEC3

#9796EE

#EE96C1

Color Blindness Simulation

Original

#EDEE96

Protanopia

#EDEDAB

Deuteranopia

#EDEDB0

Tritanopia

#EDBCC0

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F4F5C2
300
#EDEE96
400
#E3E55D
500
#D9DB24
600
#AEB01C
700
#8B8C17
800
#6D6E12
900
#4F5011
950
#32320B

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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