#077B74

#077B74

Color Values

HEX

#077B74

RGB

7, 123, 116

HSL

176.4, 89.2%, 25.5%

HSV

176.4, 94.3%, 48.2%

CMYK

94.3%, 0.0%, 5.7%, 51.8%

OKLCH

0.5258 0.0901 187.8

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#077B74

#7B070E

Analogous

#077B3A

#07487B

#077B74

Triadic

#077B74

#74077B

#7B7407

Split Complementary

#077B74

#7B0748

#7B3A07

Tetradic

#077B74

#3A077B

#7B070E

#487B07

Color Blindness Simulation

Original

#077B74

Protanopia

#393A76

Deuteranopia

#322A76

Tritanopia

#0D7777

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FBF9
200
#BBFBF7
300
#8BF8F2
400
#4CF5EB
500
#0EF1E4
600
#0BC1B6
700
#099A92
800
#077972
900
#0A5753
950
#063734

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026