#EDF38E

#EDF38E

Color Values

HEX

#EDF38E

RGB

237, 243, 142

HSL

63.6, 80.8%, 75.5%

HSV

63.6, 41.6%, 95.3%

CMYK

2.5%, 0.0%, 41.6%, 4.7%

OKLCH

0.938 0.1246 111.5

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EDF38E

#948EF3

Analogous

#F3C78E

#BAF38E

#EDF38E

Triadic

#EDF38E

#8EEDF3

#F38EED

Split Complementary

#EDF38E

#8EBAF3

#C78EF3

Tetradic

#EDF38E

#8EF3C7

#948EF3

#F38EBA

Color Blindness Simulation

Original

#EDF38E

Protanopia

#F0F0A6

Deuteranopia

#EFEFAC

Tritanopia

#EDBABE

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F5F8BE
300
#EDF390
400
#E4ED54
500
#DAE718
600
#AFB814
700
#8C9410
800
#6D730C
900
#4F540D
950
#323508

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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