#07746B

#07746B

Color Values

HEX

#07746B

RGB

7, 116, 107

HSL

175.0, 88.6%, 24.1%

HSV

175.0, 94.0%, 45.5%

CMYK

94.0%, 0.0%, 7.8%, 54.5%

OKLCH

0.5035 0.087 185.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#07746B

#740710

Analogous

#077434

#074774

#07746B

Triadic

#07746B

#6B0774

#746B07

Split Complementary

#07746B

#740747

#743407

Tetradic

#07746B

#340774

#740710

#477407

Color Blindness Simulation

Original

#07746B

Protanopia

#36376D

Deuteranopia

#30286E

Tritanopia

#0C6F6F

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FBF8
200
#BCFBF6
300
#8CF8EF
400
#4DF4E6
500
#0FF0DE
600
#0CC0B1
700
#099A8E
800
#07786F
900
#0A5751
950
#063733

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026