#46EC55

#46EC55

Color Values

HEX

#46EC55

RGB

70, 236, 85

HSL

125,4, 81,4%, 60,0%

HSV

125,4, 70,3%, 92,5%

CMYK

70,3%, 0,0%, 64,0%, 7,5%

OKLCH

0,829 0,2356 144,3

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#46EC55

#EC46DD

Analogous

#8AEC46

#46ECA8

#46EC55

Triadic

#46EC55

#5546EC

#EC5546

Split Complementary

#46EC55

#A846EC

#EC468A

Tetradic

#46EC55

#468AEC

#EC46DD

#ECA846

Color Blindness Simulation

Original

#46EC55

Protanopia

#8E8F79

Deuteranopia

#847882

Tritanopia

#4E969D

Achromatopsia

#BEBEBE

CSS Usage

background-color: #46EC55;
color: #46EC55;
border-color: #46EC55;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF3
100
#E1FAE3
200
#BEF8C3
300
#90F499
400
#54ED62
500
#18E72A
600
#13B922
700
#0F941B
800
#0C7415
900
#0D5413
950
#08350C

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,39: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