#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026