#2F8686

#2F8686

Color Values

HEX

#2F8686

RGB

47, 134, 134

HSL

180.0, 48.1%, 35.5%

HSV

180.0, 64.9%, 52.5%

CMYK

64.9%, 0.0%, 0.0%, 47.5%

OKLCH

0.5692 0.0813 195.1

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#2F8686

#862F2F

Analogous

#2F865B

#2F5B86

#2F8686

Triadic

#2F8686

#862F86

#86862F

Split Complementary

#2F8686

#862F5B

#865B2F

Tetradic

#2F8686

#5B2F86

#862F2F

#5B862F

Color Blindness Simulation

Original

#2F8686

Protanopia

#555586

Deuteranopia

#504986

Tritanopia

#338686

Achromatopsia

#747474

CSS Usage

background-color: #2F8686;
color: #2F8686;
border-color: #2F8686;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A4DFDF
400
#73CECE
500
#42BDBD
600
#359797
700
#2A7979
800
#215E5E
900
#1B4545
950
#112C2C

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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