HEX Color #0F3366 (Darkslateblue)

About #0F3366

The precise color #0F3366 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 51, and 102.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 85% cyan and 50% magenta inks. The HSL representation is 215.2° hue, 74.4% saturation, and 22.9% lightness.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0F3366

RGB15, 51, 102

HSL215.2°, 74.4%, 22.9%

CMYK85%, 50%, 0%, 60%

HSV215.2°, 85.3%, 40.0%

LAB21.7, 8.2, -33.6

XYZ3.8, 3.4, 13.0

Decimal996198

Color Harmonies

Complementary

#0F3366 #65420F

Analogous

#0F5E65 #160F65

Triadic

#650F32 #32650F

Tetradic

#650F5E #65420F #0F6516

Tints, Shades & Tones

Tints (Adding White)

#0F3366

#294977

#446088

#5F7799

#798DAA

#94A4BB

#AFBBCC

#C9D1DD

#E4E8EE

#FFFFFF

Shades (Adding Black)

#0F3366

#0D2D5A

#0B274F

#0A2244

#081C38

#06162D

#051122

#030B16

#01050B

#000000

WCAG Contrast Accessibility

12.46:1

Text on #FFFFFF

AAA

1.69:1

Text on #000000

FAIL

11.91:1

Text on #F8FAFC

AAA

1.43:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B