#086CC5

#086CC5

Color Values

HEX

#086CC5

RGB

8, 108, 197

HSL

208.3, 92.2%, 40.2%

HSV

208.3, 95.9%, 77.3%

CMYK

95.9%, 45.2%, 0.0%, 22.7%

OKLCH

0.531 0.1603 253.0

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#086CC5

#C56108

Analogous

#08C5C0

#080DC5

#086CC5

Triadic

#086CC5

#C5086C

#6CC508

Split Complementary

#086CC5

#C5080D

#C5C008

Tetradic

#086CC5

#C008C5

#C56108

#0DC508

Color Blindness Simulation

Original

#086CC5

Protanopia

#3334AF

Deuteranopia

#2E26AA

Tritanopia

#0D9E9B

Achromatopsia

#5D5D5D

CSS Usage

background-color: #086CC5;
color: #086CC5;
border-color: #086CC5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#89C5FA
400
#4AA6F8
500
#0A86F5
600
#086BC4
700
#06569D
800
#05437B
900
#083359
950
#052038

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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