#077678

#077678

Color Values

HEX

#077678

RGB

7, 118, 120

HSL

181.1, 89.0%, 24.9%

HSV

181.1, 94.2%, 47.1%

CMYK

94.2%, 1.7%, 0.0%, 52.9%

OKLCH

0.5138 0.086 196.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#077678

#780907

Analogous

#077842

#073D78

#077678

Triadic

#077678

#780776

#767807

Split Complementary

#077678

#78073D

#784207

Tetradic

#077678

#420778

#780907

#3D7807

Color Blindness Simulation

Original

#077678

Protanopia

#373878

Deuteranopia

#312877

Tritanopia

#0D7777

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFB
200
#BCFAFB
300
#8BF6F8
400
#4DF2F5
500
#0EEDF1
600
#0BBDC1
700
#09989A
800
#077678
900
#0A5657
950
#063637

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026