#008C9D

#008C9D

Color Values

HEX

#008C9D

RGB

0, 140, 157

HSL

186.5, 100.0%, 30.8%

HSV

186.5, 100.0%, 61.6%

CMYK

100.0%, 10.8%, 0.0%, 38.4%

OKLCH

0.5863 0.1013 209.7

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#008C9D

#9D1100

Analogous

#009D60

#003E9D

#008C9D

Triadic

#008C9D

#9D008C

#8C9D00

Split Complementary

#008C9D

#9D003E

#9D6000

Tetradic

#008C9D

#60009D

#9D1100

#3E9D00

Color Blindness Simulation

Original

#008C9D

Protanopia

#3D3E99

Deuteranopia

#342A98

Tritanopia

#079695

Achromatopsia

#6F6F6F

CSS Usage

background-color: #008C9D;
color: #008C9D;
border-color: #008C9D;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FCFE
100
#DEF9FC
200
#B8F7FF
300
#85F2FF
400
#42EBFF
500
#00E3FF
600
#00B6CC
700
#0092A3
800
#007280
900
#05535C
950
#03343A

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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