#086AC0

#086AC0

Color Values

HEX

#086AC0

RGB

8, 106, 192

HSL

208.0, 92.0%, 39.2%

HSV

208.0, 95.8%, 75.3%

CMYK

95.8%, 44.8%, 0.0%, 24.7%

OKLCH

0.523 0.1562 252.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#086AC0

#C05E08

Analogous

#08C0BA

#080EC0

#086AC0

Triadic

#086AC0

#C0086A

#6AC008

Split Complementary

#086AC0

#C0080E

#C0BA08

Tetradic

#086AC0

#BA08C0

#C05E08

#0EC008

Color Blindness Simulation

Original

#086AC0

Protanopia

#3233AB

Deuteranopia

#2D25A6

Tritanopia

#0D9B97

Achromatopsia

#5B5B5B

CSS Usage

background-color: #086AC0;
color: #086AC0;
border-color: #086AC0;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#89C6FA
400
#4AA6F7
500
#0A87F5
600
#086CC4
700
#07579D
800
#05447A
900
#083359
950
#052038

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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