#46976F

#46976F

Color Values

HEX

#46976F

RGB

70, 151, 111

HSL

150.4, 36.7%, 43.3%

HSV

150.4, 53.6%, 59.2%

CMYK

53.6%, 0.0%, 26.5%, 40.8%

OKLCH

0.6143 0.1011 159.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#46976F

#97466E

Analogous

#469746

#469697

#46976F

Triadic

#46976F

#6F4697

#976F46

Split Complementary

#46976F

#974696

#974646

Tetradic

#46976F

#464697

#97466E

#969746

Color Blindness Simulation

Original

#46976F

Protanopia

#696A79

Deuteranopia

#645E7B

Tritanopia

#4A8082

Achromatopsia

#838383

CSS Usage

background-color: #46976F;
color: #46976F;
border-color: #46976F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DB
300
#ABD8C2
400
#7EC3A1
500
#51AE80
600
#418B66
700
#347052
800
#285740
900
#204031
950
#14291F

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

5.92:1

AA Pass AAA Fail

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