#07746F

#07746F

Color Values

HEX

#07746F

RGB

7, 116, 111

HSL

177.2, 88.6%, 24.1%

HSV

177.2, 94.0%, 45.5%

CMYK

94.0%, 0.0%, 4.3%, 54.5%

OKLCH

0.5049 0.0858 189.5

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#07746F

#74070C

Analogous

#077438

#074374

#07746F

Triadic

#07746F

#6F0774

#746F07

Split Complementary

#07746F

#740743

#743807

Tetradic

#07746F

#380774

#74070C

#437407

Color Blindness Simulation

Original

#07746F

Protanopia

#363770

Deuteranopia

#302870

Tritanopia

#0C7171

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FBF9
200
#BCFBF8
300
#8CF8F3
400
#4DF4EC
500
#0FF0E6
600
#0CC0B8
700
#099A93
800
#077873
900
#0A5753
950
#063735

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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