#EDF247

#EDF247

Color Values

HEX

#EDF247

RGB

237, 242, 71

HSL

61.8, 86.8%, 61.4%

HSV

61.8, 70.7%, 94.9%

CMYK

2.1%, 0.0%, 70.7%, 5.1%

OKLCH

0.9286 0.1827 111.2

Properties

Cool Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#EDF247

#4C47F2

Analogous

#F2A247

#97F247

#EDF247

Triadic

#EDF247

#47EDF2

#F247ED

Split Complementary

#EDF247

#4797F2

#A247F2

Tetradic

#EDF247

#47F2A2

#4C47F2

#F24797

Color Blindness Simulation

Original

#EDF247

Protanopia

#EFEF70

Deuteranopia

#EFEE7A

Tritanopia

#ED9198

Achromatopsia

#E5E5E5

CSS Usage

background-color: #EDF247;
color: #EDF247;
border-color: #EDF247;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#F8FABC
300
#F4F78D
400
#EEF34F
500
#E8EE11
600
#B9BF0D
700
#94980B
800
#747708
900
#54560B
950
#353707

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