#2F9870

#2F9870

Color Values

HEX

#2F9870

RGB

47, 152, 112

HSL

157.1, 52.8%, 39.0%

HSV

157.1, 69.1%, 59.6%

CMYK

69.1%, 0.0%, 26.3%, 40.4%

OKLCH

0.6095 0.1134 163.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2F9870

#982F57

Analogous

#2F983B

#2F8C98

#2F9870

Triadic

#2F9870

#702F98

#98702F

Split Complementary

#2F9870

#982F8C

#983B2F

Tetradic

#2F9870

#3B2F98

#982F57

#8C982F

Color Blindness Simulation

Original

#2F9870

Protanopia

#5C5D7A

Deuteranopia

#564E7C

Tritanopia

#348183

Achromatopsia

#7F7F7F

CSS Usage

background-color: #2F9870;
color: #2F9870;
border-color: #2F9870;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EEE0
300
#A1E2C9
400
#6FD2AC
500
#3CC38F
600
#309C73
700
#277D5C
800
#1E6148
900
#194736
950
#102D22

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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