#078C7F

#078C7F

Color Values

HEX

#078C7F

RGB

7, 140, 127

HSL

174.1, 90.5%, 28.8%

HSV

174.1, 95.0%, 54.9%

CMYK

95.0%, 0.0%, 9.3%, 45.1%

OKLCH

0.5755 0.101 183.4

Properties

Cool Light Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#078C7F

#8C0714

Analogous

#078C3C

#07578C

#078C7F

Triadic

#078C7F

#7F078C

#8C7F07

Split Complementary

#078C7F

#8C0757

#8C3C07

Tetradic

#078C7F

#3C078C

#8C0714

#578C07

Color Blindness Simulation

Original

#078C7F

Protanopia

#414282

Deuteranopia

#392F83

Tritanopia

#0E8585

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BBFCF5
300
#8AF9EE
400
#4BF6E5
500
#0CF3DC
600
#0AC2B0
700
#089B8D
800
#06796E
900
#095850
950
#063833

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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