#46ED48

#46ED48

Color Values

HEX

#46ED48

RGB

70, 237, 72

HSL

120.7, 82.3%, 60.2%

HSV

120.7, 70.5%, 92.9%

CMYK

70.5%, 0.0%, 69.6%, 7.1%

OKLCH

0.8304 0.2452 143.1

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#46ED48

#ED46EB

Analogous

#98ED46

#46ED9B

#46ED48

Triadic

#46ED48

#4846ED

#ED4846

Split Complementary

#46ED48

#9B46ED

#ED4698

Tetradic

#46ED48

#4698ED

#ED46EB

#ED9B46

Color Blindness Simulation

Original

#46ED48

Protanopia

#8E9070

Deuteranopia

#85787A

Tritanopia

#4E8F96

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BEF9BF
300
#8FF491
400
#53EE55
500
#17E819
600
#12BA14
700
#0E9510
800
#0B740D
900
#0D540D
950
#083508

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026