#2F898D

#2F898D

Color Values

HEX

#2F898D

RGB

47, 137, 141

HSL

182.6, 50.0%, 36.9%

HSV

182.6, 66.7%, 55.3%

CMYK

66.7%, 2.8%, 0.0%, 44.7%

OKLCH

0.5795 0.0833 199.3

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#2F898D

#8D332F

Analogous

#2F8D62

#2F5A8D

#2F898D

Triadic

#2F898D

#8D2F89

#898D2F

Split Complementary

#2F898D

#8D2F5A

#8D622F

Tetradic

#2F898D

#622F8D

#8D332F

#5A8D2F

Color Blindness Simulation

Original

#2F898D

Protanopia

#56578C

Deuteranopia

#514A8C

Tritanopia

#348B8B

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#C9ECED
300
#A3DEE0
400
#71CCD0
500
#40BABF
600
#339599
700
#29777A
800
#205D60
900
#1B4446
950
#112B2C

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026