HEX Color #0F3AAF (Slateblue)

About #0F3AAF

Visually, #0F3AAF is defined as a vivid blue. It is closely associated with the named CSS color Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 58, and 175.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 91% cyan and 67% magenta inks. With a hue angle of 223.9 degrees, it sits comfortably in the blue spectrum.

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#0F3AAF

RGB15, 58, 175

HSL223.9°, 84.2%, 37.3%

CMYK91%, 67%, 0%, 31%

HSV223.9°, 91.4%, 68.6%

LAB30.0, 33.5, -65.5

XYZ9.4, 6.2, 41.3

Decimal998063

Color Harmonies

Complementary

#0F3AAF #AF830F

Analogous

#0F89AF #340FAF

Triadic

#AF0F3A #3AAF0F

Tetradic

#AF0F89 #AF830F #0FAF34

Tints, Shades & Tones

Tints (Adding White)

#0F3AAF

#294FB7

#4465C0

#5F7BC9

#7991D2

#94A7DB

#AFBDE4

#C9D3ED

#E4E9F6

#FFFFFF

Shades (Adding Black)

#0F3AAF

#0D339B

#0B2D88

#0A2674

#082061

#06194D

#05133A

#030C26

#010613

#000000

WCAG Contrast Accessibility

9.36:1

Text on #FFFFFF

AAA

2.24:1

Text on #000000

FAIL

8.94:1

Text on #F8FAFC

AAA

1.91:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Slateblue

#6A5ACD