#0066F8

A medium, vivid blue closely aligning with Royalblue.

About #0066F8

When working with digital screens, the color #0066F8 is rendered by mixing light. It is closely associated with the named CSS color Royalblue. Its digital footprint relies on 0 parts red, 102 parts green, and 248 parts blue light.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 100% C, 59% M, 0% Y, and 3% K. With a hue angle of 215.3 degrees, it sits comfortably in the blue spectrum.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0066F8
RGB0, 102, 248
HSL215.3°, 100.0%, 48.6%
CMYK100%, 59%, 0%, 3%
HSV215.3°, 100.0%, 97.3%
LAB47.3, 32.6, -79.0
XYZ21.7, 16.3, 90.8
Decimal26360

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.93:1
Text on #FFFFFF
AA
4.26:1
Text on #000000
AA Large
4.72:1
Text on #F8FAFC
AA
3.62:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #0066F8; }
.text-color { color: #0066F8; }
.border-color { border: 2px solid #0066F8; }

Similar Colors

Royalblue
#4169E1