#087E89

#087E89

Color Values

HEX

#087E89

RGB

8, 126, 137

HSL

185.1, 89.0%, 28.4%

HSV

185.1, 94.2%, 53.7%

CMYK

94.2%, 8.0%, 0.0%, 46.3%

OKLCH

0.5421 0.0912 205.7

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#087E89

#891308

Analogous

#088953

#083D89

#087E89

Triadic

#087E89

#89087E

#7E8908

Split Complementary

#087E89

#89083D

#895308

Tetradic

#087E89

#530889

#891308

#3D8908

Color Blindness Simulation

Original

#087E89

Protanopia

#3B3C86

Deuteranopia

#342B86

Tritanopia

#0E8484

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF6FB
300
#8BEFF8
400
#4DE6F5
500
#0EDEF1
600
#0BB1C1
700
#098E9A
800
#076F78
900
#0A5157
950
#063337

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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