#EDEF72

#EDEF72

Color Values

HEX

#EDEF72

RGB

237, 239, 114

HSL

61.0, 79.6%, 69.2%

HSV

61.0, 52.3%, 93.7%

CMYK

0.8%, 0.0%, 52.3%, 6.3%

OKLCH

0.9261 0.1476 109.8

Properties

Cool Light Nearest: khaki 1

Color Harmonies

Complementary

#EDEF72

#7472EF

Analogous

#EFB372

#AEEF72

#EDEF72

Triadic

#EDEF72

#72EDEF

#EF72ED

Split Complementary

#EDEF72

#72AEEF

#B372EF

Tetradic

#EDEF72

#72EFB3

#7472EF

#EF72AE

Color Blindness Simulation

Original

#EDEF72

Protanopia

#EEEE90

Deuteranopia

#EEEE98

Tritanopia

#EDA8AD

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9F9E1
200
#F7F8BF
300
#F1F391
400
#E9EC56
500
#E2E51A
600
#B4B715
700
#909311
800
#71720D
900
#52530E
950
#343509

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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