#09746E

#09746E

Color Values

HEX

#09746E

RGB

9, 116, 110

HSL

176.6, 85.6%, 24.5%

HSV

176.6, 92.2%, 45.5%

CMYK

92.2%, 0.0%, 5.2%, 54.5%

OKLCH

0.5048 0.0857 188.4

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#09746E

#74090F

Analogous

#097438

#094574

#09746E

Triadic

#09746E

#6E0974

#746E09

Split Complementary

#09746E

#740945

#743809

Tetradic

#09746E

#380974

#74090F

#457409

Color Blindness Simulation

Original

#09746E

Protanopia

#37386F

Deuteranopia

#312970

Tritanopia

#0E7171

Achromatopsia

#5D5D5D

CSS Usage

background-color: #09746E;
color: #09746E;
border-color: #09746E;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FDFC
100
#E0FAF9
200
#BDFAF6
300
#8DF6F0
400
#50F1E8
500
#12EDE0
600
#0FBDB3
700
#0C9790
800
#097670
900
#0B5652
950
#073634

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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