#078882

#078882

Color Values

HEX

#078882

RGB

7, 136, 130

HSL

177.2, 90.2%, 28.0%

HSV

177.2, 94.9%, 53.3%

CMYK

94.9%, 0.0%, 4.4%, 46.7%

OKLCH

0.5658 0.0967 189.3

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#078882

#88070D

Analogous

#078841

#074D88

#078882

Triadic

#078882

#820788

#888207

Split Complementary

#078882

#88074D

#884107

Tetradic

#078882

#410788

#88070D

#4D8807

Color Blindness Simulation

Original

#078882

Protanopia

#3F4083

Deuteranopia

#372E84

Tritanopia

#0D8585

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCF8
300
#8BF9F4
400
#4CF6EE
500
#0CF3E8
600
#0AC2B9
700
#089B94
800
#067974
900
#095854
950
#063735

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

4.85:1

AA Pass 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