#2F898E

#2F898E

Color Values

HEX

#2F898E

RGB

47, 137, 142

HSL

183.2, 50.3%, 37.1%

HSV

183.2, 66.9%, 55.7%

CMYK

66.9%, 3.5%, 0.0%, 44.3%

OKLCH

0.5799 0.0833 200.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2F898E

#8E342F

Analogous

#2F8E64

#2F5A8E

#2F898E

Triadic

#2F898E

#8E2F89

#898E2F

Split Complementary

#2F898E

#8E2F5A

#8E642F

Tetradic

#2F898E

#642F8E

#8E342F

#5A8E2F

Color Blindness Simulation

Original

#2F898E

Protanopia

#56578D

Deuteranopia

#514A8C

Tritanopia

#348C8C

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#C9EBED
300
#A3DDE1
400
#71CBD0
500
#3FB9C0
600
#339499
700
#29767B
800
#205C60
900
#1B4446
950
#112B2C

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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