#09706E

#09706E

Color Values

HEX

#09706E

RGB

9, 112, 110

HSL

178.8, 85.1%, 23.7%

HSV

178.8, 92.0%, 43.9%

CMYK

92.0%, 0.0%, 1.8%, 56.1%

OKLCH

0.4938 0.0826 192.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#09706E

#70090B

Analogous

#09703A

#093E70

#09706E

Triadic

#09706E

#6E0970

#706E09

Split Complementary

#09706E

#70093E

#703A09

Tetradic

#09706E

#3A0970

#70090B

#3E7009

Color Blindness Simulation

Original

#09706E

Protanopia

#36366E

Deuteranopia

#30286F

Tritanopia

#0E6F6F

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDFAF8
300
#8EF6F4
400
#50F1EE
500
#13ECE8
600
#0FBDB9
700
#0C9794
800
#097674
900
#0B5654
950
#073635

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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