HEX Color #0F07B6 (Mediumblue)

About #0F07B6

The precise color #0F07B6 is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 7, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 92% cyan and 96% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0F07B6

RGB15, 7, 182

HSL242.7°, 92.6%, 37.1%

CMYK92%, 96%, 0%, 29%

HSV242.7°, 96.2%, 71.4%

LAB22.4, 59.9, -82.2

XYZ8.7, 3.6, 44.5

Decimal985014

Color Harmonies

Complementary

#0F07B6 #ADB607

Analogous

#0756B6 #6607B6

Triadic

#B60E07 #07B60F

Tetradic

#B60756 #ADB607 #07B666

Tints, Shades & Tones

Tints (Adding White)

#0F07B6

#2922BE

#443EC6

#5F59CE

#7975D6

#9490DE

#AFACE6

#C9C7EE

#E4E3F6

#FFFFFF

Shades (Adding Black)

#0F07B6

#0D06A1

#0B058D

#0A0479

#080365

#060350

#05023C

#030128

#010014

#000000

WCAG Contrast Accessibility

12.17:1

Text on #FFFFFF

AAA

1.73:1

Text on #000000

FAIL

11.63:1

Text on #F8FAFC

AAA

1.47:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD