#46FC84

#46FC84

Color Values

HEX

#46FC84

RGB

70, 252, 132

HSL

140.4, 96.8%, 63.1%

HSV

140.4, 72.2%, 98.8%

CMYK

72.2%, 0.0%, 47.6%, 1.2%

OKLCH

0.8751 0.2174 150.1

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#46FC84

#FC46BE

Analogous

#63FC46

#46FCDF

#46FC84

Triadic

#46FC84

#8446FC

#FC8446

Split Complementary

#46FC84

#DF46FC

#FC4663

Tetradic

#46FC84

#4663FC

#FC46BE

#FCDF46

Color Blindness Simulation

Original

#46FC84

Protanopia

#9596A1

Deuteranopia

#8A7DA8

Tritanopia

#4FB8BD

Achromatopsia

#CDCDCD

CSS Usage

background-color: #46FC84;
color: #46FC84;
border-color: #46FC84;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF5
100
#DEFCE8
200
#B9FED0
300
#87FDAF
400
#45FC83
500
#04FB58
600
#03C946
700
#03A138
800
#027D2C
900
#065B23
950
#043916

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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