#0866DE

A medium, vivid blue closely aligning with Royalblue.

About #0866DE

At its core, #0866DE is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Royalblue. Its digital footprint relies on 8 parts red, 102 parts green, and 222 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 96% Cyan, 54% Magenta, 0% Yellow, and 13% Black. The HSL representation is 213.6° hue, 93.0% saturation, and 45.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0866DE
RGB8, 102, 222
HSL213.6°, 93.0%, 45.1%
CMYK96%, 54%, 0%, 13%
HSV213.6°, 96.4%, 87.1%
LAB45.4, 22.7, -67.6
XYZ18.0, 14.8, 71.0
Decimal550622

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.30:1
Text on #FFFFFF
AA
3.97:1
Text on #000000
AA Large
5.06:1
Text on #F8FAFC
AA
3.37:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #0866DE; }
.text-color { color: #0866DE; }
.border-color { border: 2px solid #0866DE; }

Similar Colors

Royalblue
#4169E1