#078288

#078288

Color Values

HEX

#078288

RGB

7, 130, 136

HSL

182.8, 90.2%, 28.0%

HSV

182.8, 94.9%, 53.3%

CMYK

94.9%, 4.4%, 0.0%, 46.7%

OKLCH

0.5522 0.0926 200.6

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#078288

#880D07

Analogous

#07884D

#074188

#078288

Triadic

#078288

#880782

#828807

Split Complementary

#078288

#880741

#884D07

Tetradic

#078288

#4D0788

#880D07

#418807

Color Blindness Simulation

Original

#078288

Protanopia

#3C3D87

Deuteranopia

#352C86

Tritanopia

#0D8585

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BBF8FC
300
#8BF4F9
400
#4CEEF6
500
#0CE8F3
600
#0AB9C2
700
#08949B
800
#067479
900
#095458
950
#063537

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026