HEX Color #0F24E9 (Mediumblue)

About #0F24E9

When working with digital screens, the color #0F24E9 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, 36, and 233.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 94% cyan and 85% magenta inks. With a hue angle of 234.2 degrees, it sits comfortably in the blue spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0F24E9

RGB15, 36, 233

HSL234.2°, 87.9%, 48.6%

CMYK94%, 85%, 0%, 9%

HSV234.2°, 93.6%, 91.4%

LAB32.4, 64.9, -95.3

XYZ15.5, 7.2, 77.7

Decimal992489

Color Harmonies

Complementary

#0F24E9 #E9D30F

Analogous

#0F91E9 #660FE9

Triadic

#E90F24 #24E90F

Tetradic

#E90F91 #E9D30F #0FE966

Tints, Shades & Tones

Tints (Adding White)

#0F24E9

#293CEB

#4454ED

#5F6DF0

#7985F2

#949DF5

#AFB6F7

#C9CEFA

#E4E6FC

#FFFFFF

Shades (Adding Black)

#0F24E9

#0D20CF

#0B1CB5

#0A189B

#081481

#061067

#050C4D

#030833

#010419

#000000

WCAG Contrast Accessibility

8.57:1

Text on #FFFFFF

AAA

2.45:1

Text on #000000

FAIL

8.19:1

Text on #F8FAFC

AAA

2.08:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD