HEX Color #0F42B6 (Slateblue)

About #0F42B6

The precise color #0F42B6 is an excellent choice for modern design projects. It is closely associated with the named CSS color Slateblue. This translates to an RGB value of rgb(15, 66, 182).

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 92% cyan and 64% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0F42B6

RGB15, 66, 182

HSL221.7°, 84.8%, 38.6%

CMYK92%, 64%, 0%, 29%

HSV221.7°, 91.8%, 71.4%

LAB32.6, 30.9, -65.2

XYZ10.6, 7.4, 45.1

Decimal1000118

Color Harmonies

Complementary

#0F42B6 #B6830E

Analogous

#0E95B6 #2F0EB6

Triadic

#B60E42 #42B60E

Tetradic

#B60E95 #B6830E #0EB62F

Tints, Shades & Tones

Tints (Adding White)

#0F42B6

#2957BE

#446CC6

#5F81CE

#7996D6

#94ABDE

#AFC0E6

#C9D5EE

#E4EAF6

#FFFFFF

Shades (Adding Black)

#0F42B6

#0D3AA1

#0B338D

#0A2C79

#082465

#061D50

#05163C

#030E28

#010714

#000000

WCAG Contrast Accessibility

8.48:1

Text on #FFFFFF

AAA

2.48:1

Text on #000000

FAIL

8.11:1

Text on #F8FAFC

AAA

2.10:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Slateblue

#6A5ACD