HEX Color #0F50AF (Darkslateblue)

About #0F50AF

Visually, #0F50AF is defined as a vivid blue. It is closely associated with the named CSS color Darkslateblue. This translates to an RGB value of rgb(15, 80, 175).

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 91% cyan, 54% magenta, 0% yellow, and 31% black. With a hue angle of 215.6 degrees, it sits comfortably in the blue spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0F50AF

RGB15, 80, 175

HSL215.6°, 84.2%, 37.3%

CMYK91%, 54%, 0%, 31%

HSV215.6°, 91.4%, 68.6%

LAB35.9, 18.7, -55.8

XYZ10.8, 8.9, 41.7

Decimal1003695

Color Harmonies

Complementary

#0F50AF #AF6D0F

Analogous

#0F9FAF #1E0FAF

Triadic

#AF0F50 #50AF0F

Tetradic

#AF0F9F #AF6D0F #0FAF1E

Tints, Shades & Tones

Tints (Adding White)

#0F50AF

#2963B7

#4476C0

#5F8AC9

#799DD2

#94B1DB

#AFC4E4

#C9D8ED

#E4EBF6

#FFFFFF

Shades (Adding Black)

#0F50AF

#0D479B

#0B3E88

#0A3574

#082C61

#06234D

#051A3A

#031126

#010813

#000000

WCAG Contrast Accessibility

7.54:1

Text on #FFFFFF

AAA

2.79:1

Text on #000000

FAIL

7.20:1

Text on #F8FAFC

AAA

2.37:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B