#087C9C

#087C9C

Color Values

HEX

#087C9C

RGB

8, 124, 156

HSL

193.0, 90.2%, 32.2%

HSV

193.0, 94.9%, 61.2%

CMYK

94.9%, 20.5%, 0.0%, 38.8%

OKLCH

0.5455 0.1012 224.5

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#087C9C

#9C2808

Analogous

#089C72

#08329C

#087C9C

Triadic

#087C9C

#9C087C

#7C9C08

Split Complementary

#087C9C

#9C0832

#9C7208

Tetradic

#087C9C

#72089C

#9C2808

#329C08

Color Blindness Simulation

Original

#087C9C

Protanopia

#3A3B94

Deuteranopia

#342B92

Tritanopia

#0E8E8D

Achromatopsia

#666666

CSS Usage

background-color: #087C9C;
color: #087C9C;
border-color: #087C9C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEEFC
300
#8BE1F9
400
#4CD1F6
500
#0CC1F3
600
#0A9AC2
700
#087B9B
800
#066079
900
#094758
950
#062D37

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

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