#008D86

#008D86

Color Values

HEX

#008D86

RGB

0, 141, 134

HSL

177.0, 100.0%, 27.6%

HSV

177.0, 100.0%, 55.3%

CMYK

100.0%, 0.0%, 5.0%, 44.7%

OKLCH

0.58 0.1006 188.6

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#008D86

#8D0007

Analogous

#008D3F

#004D8D

#008D86

Triadic

#008D86

#86008D

#8D8600

Split Complementary

#008D86

#8D004D

#8D3F00

Tetradic

#008D86

#3F008D

#8D0007

#4D8D00

Color Blindness Simulation

Original

#008D86

Protanopia

#3D3E88

Deuteranopia

#352A88

Tritanopia

#078989

Achromatopsia

#6F6F6F

CSS Usage

background-color: #008D86;
color: #008D86;
border-color: #008D86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B8FFFB
300
#85FFF9
400
#42FFF6
500
#00FFF2
600
#00CCC2
700
#00A39B
800
#008079
900
#055C58
950
#033A37

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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