#076C60

#076C60

Color Values

HEX

#076C60

RGB

7, 108, 96

HSL

172.9, 87.8%, 22.5%

HSV

172.9, 93.5%, 42.4%

CMYK

93.5%, 0.0%, 11.1%, 57.6%

OKLCH

0.4774 0.084 181.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#076C60

#6C0713

Analogous

#076C2D

#07456C

#076C60

Triadic

#076C60

#60076C

#6C6007

Split Complementary

#076C60

#6C0745

#6C2D07

Tetradic

#076C60

#2D076C

#6C0713

#456C07

Color Blindness Simulation

Original

#076C60

Protanopia

#333463

Deuteranopia

#2D2564

Tritanopia

#0C6566

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BCFBF3
300
#8CF8EB
400
#4EF3E0
500
#10EFD5
600
#0CC0AA
700
#0A9988
800
#08786A
900
#0A574E
950
#063731

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026