#EDF290

#EDF290

Color Values

HEX

#EDF290

RGB

237, 242, 144

HSL

63.1, 79.0%, 75.7%

HSV

63.1, 40.5%, 94.9%

CMYK

2.1%, 0.0%, 40.5%, 5.1%

OKLCH

0.9363 0.1212 111.1

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EDF290

#9590F2

Analogous

#F2C690

#BCF290

#EDF290

Triadic

#EDF290

#90EDF2

#F290ED

Split Complementary

#EDF290

#90BCF2

#C690F2

Tetradic

#EDF290

#90F2C6

#9590F2

#F290BC

Color Blindness Simulation

Original

#EDF290

Protanopia

#EFEFA8

Deuteranopia

#EFEEAD

Tritanopia

#EDBABF

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E1
200
#F5F8BF
300
#EDF291
400
#E3EB56
500
#DAE41B
600
#AEB715
700
#8B9211
800
#6D720D
900
#4F530E
950
#323409

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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