#09887F

#09887F

Color Values

HEX

#09887F

RGB

9, 136, 127

HSL

175.7, 87.6%, 28.4%

HSV

175.7, 93.4%, 53.3%

CMYK

93.4%, 0.0%, 6.6%, 46.7%

OKLCH

0.5649 0.0972 186.6

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#09887F

#880912

Analogous

#09883F

#095288

#09887F

Triadic

#09887F

#7F0988

#887F09

Split Complementary

#09887F

#880952

#883F09

Tetradic

#09887F

#3F0988

#880912

#528809

Color Blindness Simulation

Original

#09887F

Protanopia

#404181

Deuteranopia

#392F82

Tritanopia

#0F8383

Achromatopsia

#6C6C6C

CSS Usage

background-color: #09887F;
color: #09887F;
border-color: #09887F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FDFC
100
#E0FAF9
200
#BCFBF6
300
#8CF7F0
400
#4EF3E7
500
#10EFDF
600
#0DBFB3
700
#0A998F
800
#087870
900
#0A5751
950
#063733

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

4.84:1

AA Pass 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