#078088

#078088

Color Values

HEX

#078088

RGB

7, 128, 136

HSL

183.7, 90.2%, 28.0%

HSV

183.7, 94.9%, 53.3%

CMYK

94.9%, 5.9%, 0.0%, 46.7%

OKLCH

0.5469 0.0918 202.6

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#078088

#880F07

Analogous

#07884F

#073F88

#078088

Triadic

#078088

#880780

#808807

Split Complementary

#078088

#88073F

#884F07

Tetradic

#078088

#4F0788

#880F07

#3F8807

Color Blindness Simulation

Original

#078088

Protanopia

#3B3C86

Deuteranopia

#342B86

Tritanopia

#0D8584

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BBF8FC
300
#8BF2F9
400
#4CEBF6
500
#0CE4F3
600
#0AB7C2
700
#08929B
800
#067279
900
#095358
950
#063437

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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