#EDFC7D

#EDFC7D

Color Values

HEX

#EDFC7D

RGB

237, 252, 125

HSL

67.1, 95.5%, 73.9%

HSV

67.1, 50.4%, 98.8%

CMYK

6.0%, 0.0%, 50.4%, 1.2%

OKLCH

0.9545 0.1522 114.9

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EDFC7D

#8C7DFC

Analogous

#FCCB7D

#ADFC7D

#EDFC7D

Triadic

#EDFC7D

#7DEDFC

#FC7DED

Split Complementary

#EDFC7D

#7DADFC

#CB7DFC

Tetradic

#EDFC7D

#7DFCCB

#8C7DFC

#FC7DAD

Color Blindness Simulation

Original

#EDFC7D

Protanopia

#F3F49C

Deuteranopia

#F3F1A3

Tritanopia

#EEB4B9

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F8FCDF
200
#F5FDB9
300
#EEFC87
400
#E5FB47
500
#DCF906
600
#B0C705
700
#8DA004
800
#6E7D03
900
#505A07
950
#333904

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.82:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026