#46FC85

#46FC85

Color Values

HEX

#46FC85

RGB

70, 252, 133

HSL

140.8, 96.8%, 63.1%

HSV

140.8, 72.2%, 98.8%

CMYK

72.2%, 0.0%, 47.2%, 1.2%

OKLCH

0.8753 0.2165 150.2

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#46FC85

#FC46BD

Analogous

#62FC46

#46FCE0

#46FC85

Triadic

#46FC85

#8546FC

#FC8546

Split Complementary

#46FC85

#E046FC

#FC4662

Tetradic

#46FC85

#4662FC

#FC46BD

#FCE046

Color Blindness Simulation

Original

#46FC85

Protanopia

#9596A2

Deuteranopia

#8A7DA9

Tritanopia

#4FB9BE

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE9
200
#B9FED1
300
#87FDB0
400
#45FC85
500
#04FB5A
600
#03C948
700
#03A139
800
#027D2D
900
#065B24
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