HEX Color #0F07E2 (Mediumblue)

About #0F07E2

When working with digital screens, the color #0F07E2 is rendered by mixing light. 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 226.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 93% cyan and 97% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0F07E2

RGB15, 7, 226

HSL242.2°, 94.0%, 45.7%

CMYK93%, 97%, 0%, 11%

HSV242.2°, 96.9%, 88.6%

LAB28.8, 71.1, -97.3

XYZ14.0, 5.7, 72.3

Decimal985058

Color Harmonies

Complementary

#0F07E2 #D9E206

Analogous

#066CE2 #7C06E2

Triadic

#E20F06 #06E20F

Tetradic

#E2066C #D9E206 #06E27C

Tints, Shades & Tones

Tints (Adding White)

#0F07E2

#2922E5

#443EE8

#5F59EB

#7975EE

#9490F2

#AFACF5

#C9C7F8

#E4E3FB

#FFFFFF

Shades (Adding Black)

#0F07E2

#0D06C8

#0B05AF

#0A0496

#08037D

#060364

#05024B

#030132

#010019

#000000

WCAG Contrast Accessibility

9.77:1

Text on #FFFFFF

AAA

2.15:1

Text on #000000

FAIL

9.34:1

Text on #F8FAFC

AAA

1.83:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD