HEX Color #0F00C5 (Mediumblue)

About #0F00C5

The precise color #0F00C5 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, 0, and 197.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 92% Cyan, 100% Magenta, 0% Yellow, and 23% Black. This makes it a relatively light color when applied to physical surfaces.

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

RGB15, 0, 197

HSL244.6°, 100.0%, 38.6%

CMYK92%, 100%, 0%, 23%

HSV244.6°, 100.0%, 77.3%

LAB24.1, 65.3, -88.3

XYZ10.3, 4.1, 53.1

Decimal983237

Color Harmonies

Complementary

#0F00C5 #B6C500

Analogous

#0053C5 #7100C5

Triadic

#C50F00 #00C50F

Tetradic

#C50053 #B6C500 #00C571

Tints, Shades & Tones

Tints (Adding White)

#0F00C5

#291CCB

#4438D1

#5F55D8

#7971DE

#948DE5

#AFAAEB

#C9C6F2

#E4E2F8

#FFFFFF

Shades (Adding Black)

#0F00C5

#0D00AF

#0B0099

#0A0083

#08006D

#060057

#050041

#03002B

#010015

#000000

WCAG Contrast Accessibility

11.50:1

Text on #FFFFFF

AAA

1.83:1

Text on #000000

FAIL

10.99:1

Text on #F8FAFC

AAA

1.55:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD