#46EC42

#46EC42

Color Values

HEX

#46EC42

RGB

70, 236, 66

HSL

118.6, 81.7%, 59.2%

HSV

118.6, 72.0%, 92.5%

CMYK

70.3%, 0.0%, 72.0%, 7.5%

OKLCH

0.8274 0.2476 142.7

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#46EC42

#E842EC

Analogous

#9BEC42

#42EC93

#46EC42

Triadic

#46EC42

#4246EC

#EC4246

Split Complementary

#46EC42

#9342EC

#EC429B

Tetradic

#46EC42

#429BEC

#E842EC

#EC9342

Color Blindness Simulation

Original

#46EC42

Protanopia

#8E8F6B

Deuteranopia

#847875

Tritanopia

#4E8C93

Achromatopsia

#BCBCBC

CSS Usage

background-color: #46EC42;
color: #46EC42;
border-color: #46EC42;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BFF8BE
300
#92F490
400
#57EE54
500
#1CE817
600
#17B913
700
#12940F
800
#0E740C
900
#0E540D
950
#093508

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026