#087684

#087684

Color Values

HEX

#087684

RGB

8, 118, 132

HSL

186.8, 88.6%, 27.5%

HSV

186.8, 93.9%, 51.8%

CMYK

93.9%, 10.6%, 0.0%, 48.2%

OKLCH

0.5188 0.0879 209.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#087684

#841608

Analogous

#088454

#083884

#087684

Triadic

#087684

#840876

#768408

Split Complementary

#087684

#840838

#845408

Tetradic

#087684

#540884

#841608

#388408

Color Blindness Simulation

Original

#087684

Protanopia

#383981

Deuteranopia

#312980

Tritanopia

#0E7E7D

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF4FB
300
#8CECF8
400
#4DE1F4
500
#0FD7F0
600
#0CACC0
700
#098A9A
800
#076B78
900
#0A4E57
950
#063137

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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