#EDFE9B

#EDFE9B

Color Values

HEX

#EDFE9B

RGB

237, 254, 155

HSL

70,3, 98,0%, 80,2%

HSV

70,3, 39,0%, 99,6%

CMYK

6,7%, 0,0%, 39,0%, 0,4%

OKLCH

0,9628 0,1243 116,8

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EDFE9B

#AC9BFE

Analogous

#FEDD9B

#BCFE9B

#EDFE9B

Triadic

#EDFE9B

#9BEDFE

#FE9BED

Split Complementary

#EDFE9B

#9BBCFE

#DD9BFE

Tetradic

#EDFE9B

#9BFEDD

#AC9BFE

#FE9BBC

Color Blindness Simulation

Original

#EDFE9B

Protanopia

#F4F5B3

Deuteranopia

#F3F2B9

Tritanopia

#EEC6CA

Achromatopsia

#F3F3F3

CSS Usage

background-color: #EDFE9B;
color: #EDFE9B;
border-color: #EDFE9B;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FCFEF1
100
#F7FCDE
200
#F2FEB8
300
#E9FE86
400
#DDFD44
500
#D2FC03
600
#A8CA02
700
#86A202
800
#697E01
900
#4D5B06
950
#303A04

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,25: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