#EDEF97

#EDEF97

Color Values

HEX

#EDEF97

RGB

237, 239, 151

HSL

61.4, 73.3%, 76.5%

HSV

61.4, 36.8%, 93.7%

CMYK

0.8%, 0.0%, 36.8%, 6.3%

OKLCH

0.9312 0.11 109.5

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#EDEF97

#9997EF

Analogous

#EFC597

#C1EF97

#EDEF97

Triadic

#EDEF97

#97EDEF

#EF97ED

Split Complementary

#EDEF97

#97C1EF

#C597EF

Tetradic

#EDEF97

#97EFC5

#9997EF

#EF97C1

Color Blindness Simulation

Original

#EDEF97

Protanopia

#EEEEAC

Deuteranopia

#EEEEB1

Tritanopia

#EDBDC1

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F4F5C1
300
#EDEF95
400
#E3E65B
500
#D9DD22
600
#ADB11B
700
#8B8D16
800
#6C6E11
900
#4F5010
950
#32330A

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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