#E4FC46

#E4FC46

Color Values

HEX

#E4FC46

RGB

228, 252, 70

HSL

67.9, 96.8%, 63.1%

HSV

67.9, 72.2%, 98.8%

CMYK

9.5%, 0.0%, 72.2%, 1.2%

OKLCH

0.9429 0.196 116.9

Properties

Cool Light Nearest: RAL 1016 Sulfur Yellow

Color Harmonies

Complementary

#E4FC46

#5E46FC

Analogous

#FCB946

#89FC46

#E4FC46

Triadic

#E4FC46

#46E4FC

#FC46E4

Split Complementary

#E4FC46

#4689FC

#B946FC

Tetradic

#E4FC46

#46FCB9

#5E46FC

#FC4689

Color Blindness Simulation

Original

#E4FC46

Protanopia

#EEEF72

Deuteranopia

#EDEB7D

Tritanopia

#E5959C

Achromatopsia

#EAEAEA

CSS Usage

background-color: #E4FC46;
color: #E4FC46;
border-color: #E4FC46;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FCFEF1
100
#F8FCDE
200
#F5FEB9
300
#EDFD87
400
#E4FC45
500
#DAFB04
600
#AFC903
700
#8CA103
800
#6D7D02
900
#505B06
950
#323904

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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