#46B98F

#46B98F

Color Values

HEX

#46B98F

RGB

70, 185, 143

HSL

158.1, 45.1%, 50.0%

HSV

158.1, 62.2%, 72.5%

CMYK

62.2%, 0.0%, 22.7%, 27.5%

OKLCH

0.7092 0.1215 165.5

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#46B98F

#B94670

Analogous

#46B956

#46A9B9

#46B98F

Triadic

#46B98F

#8F46B9

#B98F46

Split Complementary

#46B98F

#B946A9

#B95646

Tetradic

#46B98F

#5646B9

#B94670

#A9B946

Color Blindness Simulation

Original

#46B98F

Protanopia

#787999

Deuteranopia

#71689C

Tritanopia

#4CA1A3

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBE0
300
#A6DDC9
400
#76CBAC
500
#46B98F
600
#389472
700
#2D765C
800
#235D48
900
#1D4436
950
#122B22

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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