#2F7A7C

#2F7A7C

Color Values

HEX

#2F7A7C

RGB

47, 122, 124

HSL

181.6, 45.0%, 33.5%

HSV

181.6, 62.1%, 48.6%

CMYK

62.1%, 1.6%, 0.0%, 51.4%

OKLCH

0.5343 0.073 197.6

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2F7A7C

#7C312F

Analogous

#2F7C57

#2F537C

#2F7A7C

Triadic

#2F7A7C

#7C2F7A

#7A7C2F

Split Complementary

#2F7A7C

#7C2F53

#7C572F

Tetradic

#2F7A7C

#572F7C

#7C312F

#537C2F

Color Blindness Simulation

Original

#2F7A7C

Protanopia

#4F507C

Deuteranopia

#4B467B

Tritanopia

#337B7B

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEB
300
#A6DCDD
400
#76C9CB
500
#46B6B9
600
#389194
700
#2D7476
800
#235B5C
900
#1D4344
950
#122A2B

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Brands Using This Color

Insight Timer

Insight Timer

Teal

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