#08686F

#08686F

Color Values

HEX

#08686F

RGB

8, 104, 111

HSL

184.1, 86.6%, 23.3%

HSV

184.1, 92.8%, 43.5%

CMYK

92.8%, 6.3%, 0.0%, 56.5%

OKLCH

0.4722 0.0784 203.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#08686F

#6F0F08

Analogous

#086F42

#08346F

#08686F

Triadic

#08686F

#6F0868

#686F08

Split Complementary

#08686F

#6F0834

#6F4208

Tetradic

#08686F

#42086F

#6F0F08

#346F08

Color Blindness Simulation

Original

#08686F

Protanopia

#32326D

Deuteranopia

#2C256D

Tritanopia

#0D6C6C

Achromatopsia

#545454

CSS Usage

background-color: #08686F;
color: #08686F;
border-color: #08686F;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BCF6FA
300
#8DF0F7
400
#4FE7F2
500
#11DFEE
600
#0EB2BE
700
#0B8F98
800
#096F77
900
#0B5156
950
#073336

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

3.22:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026