#46B980

#46B980

Color Values

HEX

#46B980

RGB

70, 185, 128

HSL

150.3, 45.1%, 50.0%

HSV

150.3, 62.2%, 72.5%

CMYK

62.2%, 0.0%, 30.8%, 27.5%

OKLCH

0.7056 0.1342 158.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#46B980

#B9467F

Analogous

#46B947

#46B8B9

#46B980

Triadic

#46B980

#8046B9

#B98046

Split Complementary

#46B980

#B946B8

#B94746

Tetradic

#46B980

#4746B9

#B9467F

#B8B946

Color Blindness Simulation

Original

#46B980

Protanopia

#78798E

Deuteranopia

#716891

Tritanopia

#4C999B

Achromatopsia

#9C9C9C

CSS Usage

background-color: #46B980;
color: #46B980;
border-color: #46B980;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CBEBDB
300
#A6DDC2
400
#76CBA1
500
#46B980
600
#389466
700
#2D7652
800
#235D40
900
#1D4431
950
#122B1F

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026