#EDF45D

#EDF45D

Color Values

HEX

#EDF45D

RGB

237, 244, 93

HSL

62.8, 87.3%, 66.1%

HSV

62.8, 61.9%, 95.7%

CMYK

2.9%, 0.0%, 61.9%, 4.3%

OKLCH

0.9344 0.1702 111.8

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#EDF45D

#645DF4

Analogous

#F4B05D

#A2F45D

#EDF45D

Triadic

#EDF45D

#5DEDF4

#F45DED

Split Complementary

#EDF45D

#5DA2F4

#B05DF4

Tetradic

#EDF45D

#5DF4B0

#645DF4

#F45DA2

Color Blindness Simulation

Original

#EDF45D

Protanopia

#F0F081

Deuteranopia

#F0EF8A

Tritanopia

#ED9EA5

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9FAE0
200
#F8FABC
300
#F2F78C
400
#EBF34E
500
#E4EF10
600
#B7BF0D
700
#92990A
800
#727708
900
#53570A
950
#343707

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026