HEX Color #0F00CC (Mediumblue)

About #0F00CC

The precise color #0F00CC is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumblue. Its digital footprint relies on 15 parts red, 0 parts green, and 204 parts blue light.

Translating this color to physical media requires the CMYK color model. The color uses 93% Cyan, 100% Magenta, 0% Yellow, and 20% Black. The HSL representation is 244.4° hue, 100.0% saturation, and 40.0% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#0F00CC

RGB15, 0, 204

HSL244.4°, 100.0%, 40.0%

CMYK93%, 100%, 0%, 20%

HSV244.4°, 100.0%, 80.0%

LAB25.1, 67.0, -90.6

XYZ11.1, 4.5, 57.4

Decimal983244

Color Harmonies

Complementary

#0F00CC #BDCC00

Analogous

#0057CC #7400CC

Triadic

#CC0E00 #00CC0E

Tetradic

#CC0057 #BDCC00 #00CC74

Tints, Shades & Tones

Tints (Adding White)

#0F00CC

#291CD1

#4438D7

#5F55DD

#7971E2

#948DE8

#AFAAEE

#C9C6F3

#E4E2F9

#FFFFFF

Shades (Adding Black)

#0F00CC

#0D00B5

#0B009E

#0A0088

#080071

#06005A

#050044

#03002D

#010016

#000000

WCAG Contrast Accessibility

11.10:1

Text on #FFFFFF

AAA

1.89:1

Text on #000000

FAIL

10.61:1

Text on #F8FAFC

AAA

1.61:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD