#09686B

#09686B

Color Values

HEX

#09686B

RGB

9, 104, 107

HSL

181.8, 84.5%, 22.7%

HSV

181.8, 91.6%, 42.0%

CMYK

91.6%, 2.8%, 0.0%, 58.0%

OKLCH

0.4707 0.0778 198.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#09686B

#6B0C09

Analogous

#096B3D

#09376B

#09686B

Triadic

#09686B

#6B0968

#686B09

Split Complementary

#09686B

#6B0937

#6B3D09

Tetradic

#09686B

#3D096B

#6B0C09

#376B09

Color Blindness Simulation

Original

#09686B

Protanopia

#32336A

Deuteranopia

#2D266A

Tritanopia

#0E6A6A

Achromatopsia

#545454

CSS Usage

background-color: #09686B;
color: #09686B;
border-color: #09686B;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FDFD
100
#E0F9FA
200
#BDF8F9
300
#8EF2F6
400
#51ECF0
500
#14E5EB
600
#10B7BC
700
#0D9297
800
#0A7276
900
#0C5355
950
#073436

Contrast Checker

Text on white

6.55:1

AA Pass AAA Fail

Text on black

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