HEX Color #0F00A0 (Darkblue)

About #0F00A0

The precise color #0F00A0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 0, and 160.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 91% cyan and 100% magenta inks. The HSL representation is 245.6° hue, 100.0% saturation, and 31.4% 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#0F00A0

RGB15, 0, 160

HSL245.6°, 100.0%, 31.4%

CMYK91%, 100%, 0%, 37%

HSV245.6°, 100.0%, 62.7%

LAB18.5, 56.0, -75.4

XYZ6.5, 2.6, 33.4

Decimal983200

Color Harmonies

Complementary

#0F00A0 #90A000

Analogous

#0040A0 #5E00A0

Triadic

#A00F00 #00A00F

Tetradic

#A00041 #90A000 #00A05F

Tints, Shades & Tones

Tints (Adding White)

#0F00A0

#291CAA

#4438B5

#5F55BF

#7971CA

#948DD4

#AFAADF

#C9C6E9

#E4E2F4

#FFFFFF

Shades (Adding Black)

#0F00A0

#0D008E

#0B007C

#0A006A

#080058

#060047

#050035

#030023

#010011

#000000

WCAG Contrast Accessibility

13.74:1

Text on #FFFFFF

AAA

1.53:1

Text on #000000

FAIL

13.14:1

Text on #F8FAFC

AAA

1.30:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B