#2F7173

#2F7173

Color Values

HEX

#2F7173

RGB

47, 113, 115

HSL

181.8, 42.0%, 31.8%

HSV

181.8, 59.1%, 45.1%

CMYK

59.1%, 1.7%, 0.0%, 54.9%

OKLCH

0.5073 0.0665 198.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#2F7173

#73312F

Analogous

#2F7353

#2F4F73

#2F7173

Triadic

#2F7173

#732F71

#71732F

Split Complementary

#2F7173

#732F4F

#73532F

Tetradic

#2F7173

#532F73

#73312F

#4F732F

Color Blindness Simulation

Original

#2F7173

Protanopia

#4C4C73

Deuteranopia

#484372

Tritanopia

#327272

Achromatopsia

#636363

CSS Usage

background-color: #2F7173;
color: #2F7173;
border-color: #2F7173;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAFA
100
#E7F3F4
200
#CCE9EA
300
#A8DADC
400
#79C6C8
500
#4AB2B5
600
#3B8E91
700
#2F7274
800
#25595B
900
#1E4243
950
#13292A

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail 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