#007C80

#007C80

Color Values

HEX

#007C80

RGB

0, 124, 128

HSL

181.9, 100.0%, 25.1%

HSV

181.9, 100.0%, 50.2%

CMYK

100.0%, 3.1%, 0.0%, 49.8%

OKLCH

0.5324 0.0905 198.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#007C80

#800400

Analogous

#008044

#003C80

#007C80

Triadic

#007C80

#80007C

#7C8000

Split Complementary

#007C80

#80003C

#804400

Tetradic

#007C80

#440080

#800400

#3C8000

Color Blindness Simulation

Original

#007C80

Protanopia

#36377F

Deuteranopia

#2E257F

Tritanopia

#067E7E

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFBFC
200
#B8FDFF
300
#85FBFF
400
#42F9FF
500
#00F7FF
600
#00C6CC
700
#009EA3
800
#007B80
900
#05595C
950
#03383A

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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