#0766E2

A medium, vivid blue closely aligning with Royalblue.

About #0766E2

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

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 97% cyan, 55% magenta, 0% yellow, and 11% black. The HSL representation is 214.0° hue, 94.0% saturation, and 45.7% lightness.

When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0766E2
RGB7, 102, 226
HSL214.0°, 94.0%, 45.7%
CMYK97%, 55%, 0%, 11%
HSV214.0°, 96.9%, 88.6%
LAB45.7, 24.2, -69.4
XYZ18.6, 15.0, 73.9
Decimal485090

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.24:1
Text on #FFFFFF
AA
4.01:1
Text on #000000
AA Large
5.01:1
Text on #F8FAFC
AA
3.41:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #0766E2; }
.text-color { color: #0766E2; }
.border-color { border: 2px solid #0766E2; }

Similar Colors

Royalblue
#4169E1