#278F97

#278F97

Color Values

HEX

#278F97

RGB

39, 143, 151

HSL

184.3, 58.9%, 37.3%

HSV

184.3, 74.2%, 59.2%

CMYK

74.2%, 5.3%, 0.0%, 40.8%

OKLCH

0.5966 0.0912 202.7

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#278F97

#972F27

Analogous

#279767

#275797

#278F97

Triadic

#278F97

#97278F

#8F9727

Split Complementary

#278F97

#972757

#976727

Tetradic

#278F97

#672797

#972F27

#579727

Color Blindness Simulation

Original

#278F97

Protanopia

#545595

Deuteranopia

#4E4695

Tritanopia

#2C9493

Achromatopsia

#797979

CSS Usage

background-color: #278F97;
color: #278F97;
border-color: #278F97;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C6EDF0
300
#9EE1E6
400
#69D0D8
500
#34C0CB
600
#2A99A2
700
#227B82
800
#1A6065
900
#17464A
950
#0E2C2F

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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