#0F57CC

A medium, vivid blue closely aligning with Royalblue.

About #0F57CC

When working with digital screens, the color #0F57CC is rendered by mixing light. If you're using CSS, you might find it aligns closely with Royalblue. In the RGB color space, it consists of 15 red, 87 green, and 204 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 93% cyan, 57% magenta, 0% yellow, and 20% black. The HSL representation is 217.1° hue, 86.3% saturation, and 42.9% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0F57CC
RGB15, 87, 204
HSL217.1°, 86.3%, 42.9%
CMYK93%, 57%, 0%, 20%
HSV217.1°, 92.6%, 80.0%
LAB40.0, 25.6, -66.0
XYZ14.5, 11.3, 58.5
Decimal1005516

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.45:1
Text on #FFFFFF
AA
3.26:1
Text on #000000
AA Large
6.17:1
Text on #F8FAFC
AA
2.77:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #0F57CC; }
.text-color { color: #0F57CC; }
.border-color { border: 2px solid #0F57CC; }

Similar Colors

Royalblue
#4169E1