#46FC94

#46FC94

Color Values

HEX

#46FC94

RGB

70, 252, 148

HSL

145.7, 96.8%, 63.1%

HSV

145.7, 72.2%, 98.8%

CMYK

72.2%, 0.0%, 41.3%, 1.2%

OKLCH

0.8777 0.2036 153.2

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#46FC94

#FC46AE

Analogous

#53FC46

#46FCEF

#46FC94

Triadic

#46FC94

#9446FC

#FC9446

Split Complementary

#46FC94

#EF46FC

#FC4653

Tetradic

#46FC94

#4653FC

#FC46AE

#FCEF46

Color Blindness Simulation

Original

#46FC94

Protanopia

#9596AD

Deuteranopia

#8A7DB3

Tritanopia

#4FC1C5

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B9FED6
300
#87FDB9
400
#45FC94
500
#04FB6E
600
#03C958
700
#03A146
800
#027D37
900
#065B2A
950
#04391B

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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