#087D7C

#087D7C

Color Values

HEX

#087D7C

RGB

8, 125, 124

HSL

179.5, 88.0%, 26.1%

HSV

179.5, 93.6%, 49.0%

CMYK

93.6%, 0.0%, 0.8%, 51.0%

OKLCH

0.5343 0.0898 193.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#087D7C

#7D0809

Analogous

#087D42

#08447D

#087D7C

Triadic

#087D7C

#7C087D

#7D7C08

Split Complementary

#087D7C

#7D0844

#7D4208

Tetradic

#087D7C

#42087D

#7D0809

#447D08

Color Blindness Simulation

Original

#087D7C

Protanopia

#3B3C7C

Deuteranopia

#342B7C

Tritanopia

#0E7C7C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BCFBFA
300
#8CF8F7
400
#4EF4F2
500
#0FF0EE
600
#0CC0BE
700
#0A9998
800
#087877
900
#0A5756
950
#063736

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026