HEX Color #0F00DB (Mediumblue)

About #0F00DB

At its core, #0F00DB is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 0, and 219.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 93% cyan and 100% magenta inks. The HSL representation is 244.1° hue, 100.0% saturation, and 42.9% lightness.

When using this color as a background, text legibility must be considered. 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#0F00DB

RGB15, 0, 219

HSL244.1°, 100.0%, 42.9%

CMYK93%, 100%, 0%, 14%

HSV244.1°, 100.0%, 85.9%

LAB27.3, 70.7, -95.7

XYZ13.0, 5.2, 67.3

Decimal983259

Color Harmonies

Complementary

#0F00DB #CCDB00

Analogous

#005EDB #7C00DB

Triadic

#DB0E00 #00DB0F

Tetradic

#DB005E #CCDB00 #00DB7C

Tints, Shades & Tones

Tints (Adding White)

#0F00DB

#291CDF

#4438E3

#5F55E7

#7971EB

#948DEF

#AFAAF3

#C9C6F7

#E4E2FB

#FFFFFF

Shades (Adding Black)

#0F00DB

#0D00C2

#0B00AA

#0A0092

#080079

#060061

#050049

#030030

#010018

#000000

WCAG Contrast Accessibility

10.28:1

Text on #FFFFFF

AAA

2.04:1

Text on #000000

FAIL

9.82:1

Text on #F8FAFC

AAA

1.74:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD