#086AC4

#086AC4

Color Values

HEX

#086AC4

RGB

8, 106, 196

HSL

208.7, 92.2%, 40.0%

HSV

208.7, 95.9%, 76.9%

CMYK

95.9%, 45.9%, 0.0%, 23.1%

OKLCH

0.5258 0.1613 253.5

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#086AC4

#C46208

Analogous

#08C4C0

#080CC4

#086AC4

Triadic

#086AC4

#C4086A

#6AC408

Split Complementary

#086AC4

#C4080C

#C4C008

Tetradic

#086AC4

#C008C4

#C46208

#0CC408

Color Blindness Simulation

Original

#086AC4

Protanopia

#3233AE

Deuteranopia

#2D25A9

Tritanopia

#0D9D99

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#89C4FA
400
#4AA4F8
500
#0A85F5
600
#086AC4
700
#06559D
800
#05427B
900
#083259
950
#052038

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026