#086BC3

#086BC3

Color Values

HEX

#086BC3

RGB

8, 107, 195

HSL

208.2, 92.1%, 39.8%

HSV

208.2, 95.9%, 76.5%

CMYK

95.9%, 45.1%, 0.0%, 23.5%

OKLCH

0.5274 0.1589 253.0

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#086BC3

#C36008

Analogous

#08C3BD

#080EC3

#086BC3

Triadic

#086BC3

#C3086B

#6BC308

Split Complementary

#086BC3

#C3080E

#C3BD08

Tetradic

#086BC3

#BD08C3

#C36008

#0EC308

Color Blindness Simulation

Original

#086BC3

Protanopia

#3334AE

Deuteranopia

#2D26A9

Tritanopia

#0D9D99

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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