#EDEE72

#EDEE72

Color Values

HEX

#EDEE72

RGB

237, 238, 114

HSL

60.5, 78.5%, 69.0%

HSV

60.5, 52.1%, 93.3%

CMYK

0.4%, 0.0%, 52.1%, 6.7%

OKLCH

0.924 0.1465 109.4

Properties

Cool Light Nearest: khaki 1

Color Harmonies

Complementary

#EDEE72

#7372EE

Analogous

#EEB172

#AFEE72

#EDEE72

Triadic

#EDEE72

#72EDEE

#EE72ED

Split Complementary

#EDEE72

#72AFEE

#B172EE

Tetradic

#EDEE72

#72EEB1

#7372EE

#EE72AF

Color Blindness Simulation

Original

#EDEE72

Protanopia

#EDED90

Deuteranopia

#EDED97

Tritanopia

#EDA8AD

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E1
200
#F7F7BF
300
#F1F292
400
#E9EB57
500
#E2E41B
600
#B5B616
700
#919212
800
#71720E
900
#52530E
950
#343409

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026