#2F9487

#2F9487

Color Values

HEX

#2F9487

RGB

47, 148, 135

HSL

172.3, 51.8%, 38.2%

HSV

172.3, 68.2%, 58.0%

CMYK

68.2%, 0.0%, 8.8%, 42.0%

OKLCH

0.6057 0.0934 182.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2F9487

#942F3C

Analogous

#2F9454

#2F6E94

#2F9487

Triadic

#2F9487

#872F94

#94872F

Split Complementary

#2F9487

#942F6E

#94542F

Tetradic

#2F9487

#542F94

#942F3C

#6E942F

Color Blindness Simulation

Original

#2F9487

Protanopia

#5B5C8A

Deuteranopia

#554D8B

Tritanopia

#348D8D

Achromatopsia

#7E7E7E

CSS Usage

background-color: #2F9487;
color: #2F9487;
border-color: #2F9487;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EEE9
300
#A2E2D9
400
#70D2C5
500
#3DC2B1
600
#319B8D
700
#277C71
800
#1F6158
900
#1A4741
950
#102D29

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.71:1

AA Pass AAA Fail

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