#087B78

#087B78

Color Values

HEX

#087B78

RGB

8, 123, 120

HSL

178.4, 87.8%, 25.7%

HSV

178.4, 93.5%, 48.2%

CMYK

93.5%, 0.0%, 2.4%, 51.8%

OKLCH

0.5274 0.089 191.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#087B78

#7B080B

Analogous

#087B3E

#08457B

#087B78

Triadic

#087B78

#78087B

#7B7808

Split Complementary

#087B78

#7B0845

#7B3E08

Tetradic

#087B78

#3E087B

#7B080B

#457B08

Color Blindness Simulation

Original

#087B78

Protanopia

#3A3B79

Deuteranopia

#332A79

Tritanopia

#0E7979

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCFBF9
300
#8CF8F5
400
#4EF3EF
500
#10EFE9
600
#0CC0BB
700
#0A9995
800
#087875
900
#0A5755
950
#063735

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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