#086DF7

#086DF7

Color Values

HEX

#086DF7

RGB

8, 109, 247

HSL

214,6, 93,7%, 50,0%

HSV

214,6, 96,8%, 96,9%

CMYK

96,8%, 55,9%, 0,0%, 3,1%

OKLCH

0,5709 0,2224 259,5

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#086DF7

#F79208

Analogous

#08E5F7

#1A08F7

#086DF7

Triadic

#086DF7

#F7086D

#6DF708

Split Complementary

#086DF7

#F71A08

#E5F708

Tetradic

#086DF7

#F708E5

#F79208

#08F71A

Color Blindness Simulation

Original

#086DF7

Protanopia

#3435D6

Deuteranopia

#2E26CE

Tritanopia

#0DBBB5

Achromatopsia

#616161

CSS Usage

background-color: #086DF7;
color: #086DF7;
border-color: #086DF7;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD6FD
300
#88B9FB
400
#4893F9
500
#086DF7
600
#0657C6
700
#05469E
800
#04377B
900
#082A59
950
#051B38

Contrast Checker

Text on white

4,62:1

AA Pass AAA Fail

Text on black

4,54:1

AA Pass 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