HEX Color #0F5FE9 (Royalblue)

About #0F5FE9

The precise color #0F5FE9 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 95, and 233.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 94% cyan and 59% magenta inks. The HSL representation is 218.0° hue, 87.9% saturation, and 48.6% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0F5FE9

RGB15, 95, 233

HSL218.0°, 87.9%, 48.6%

CMYK94%, 59%, 0%, 9%

HSV218.0°, 93.6%, 91.4%

LAB44.5, 31.7, -75.3

XYZ19.0, 14.2, 78.8

Decimal1007593

Color Harmonies

Complementary

#0F5FE9 #E9990F

Analogous

#0FCBE9 #2C0FE9

Triadic

#E90F5E #5EE90F

Tetradic

#E90FCB #E9990F #0FE92C

Tints, Shades & Tones

Tints (Adding White)

#0F5FE9

#2970EB

#4482ED

#5F94F0

#79A6F2

#94B7F5

#AFC9F7

#C9DBFA

#E4EDFC

#FFFFFF

Shades (Adding Black)

#0F5FE9

#0D54CF

#0B49B5

#0A3F9B

#083481

#062A67

#051F4D

#031533

#010A19

#000000

WCAG Contrast Accessibility

5.48:1

Text on #FFFFFF

AA

3.83:1

Text on #000000

AA Large

5.24:1

Text on #F8FAFC

AA

3.26:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #0F5FE9; }

.text-color { color: #0F5FE9; }

.border-color { border: 2px solid #0F5FE9; }

Similar Colors

Royalblue

#4169E1