#46F9A2

#46F9A2

Color Values

HEX

#46F9A2

RGB

70, 249, 162

HSL

150.8, 93.7%, 62.5%

HSV

150.8, 71.9%, 97.6%

CMYK

71.9%, 0.0%, 34.9%, 2.4%

OKLCH

0.8729 0.1877 157.0

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#46F9A2

#F9469D

Analogous

#46F948

#46F7F9

#46F9A2

Triadic

#46F9A2

#A246F9

#F9A246

Split Complementary

#46F9A2

#F946F7

#F94846

Tetradic

#46F9A2

#4846F9

#F9469D

#F7F946

Color Blindness Simulation

Original

#46F9A2

Protanopia

#9495B7

Deuteranopia

#897CBC

Tritanopia

#4FC8CB

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEE
200
#BAFDDC
300
#88FBC3
400
#48F9A3
500
#08F783
600
#06C669
700
#059E54
800
#047B41
900
#085932
950
#05381F

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026