#2F7778

#2F7778

Color Values

HEX

#2F7778

RGB

47, 119, 120

HSL

180.8, 43.7%, 32.7%

HSV

180.8, 60.8%, 47.1%

CMYK

60.8%, 0.8%, 0.0%, 52.9%

OKLCH

0.525 0.0709 196.5

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#2F7778

#78302F

Analogous

#2F7854

#2F5278

#2F7778

Triadic

#2F7778

#782F77

#77782F

Split Complementary

#2F7778

#782F52

#78542F

Tetradic

#2F7778

#542F78

#78302F

#52782F

Color Blindness Simulation

Original

#2F7778

Protanopia

#4E4F78

Deuteranopia

#4A4578

Tritanopia

#337878

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F4F4
200
#CCEAEB
300
#A7DCDD
400
#77C9CA
500
#48B6B7
600
#399193
700
#2E7475
800
#245B5C
900
#1D4344
950
#132A2B

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

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