#0F4275

A dark, vivid blue closely aligning with Darkslateblue.

About #0F4275

At its core, #0F4275 is a dark and vivid hue. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 66, and 117.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 87% cyan, 44% magenta, 0% yellow, and 54% black. This makes it a relatively dark color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0F4275
RGB15, 66, 117
HSL210.0°, 77.3%, 25.9%
CMYK87%, 44%, 0%, 54%
HSV210.0°, 87.2%, 45.9%
LAB27.5, 4.1, -33.8
XYZ5.4, 5.3, 17.6
Decimal1000053

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.21:1
Text on #FFFFFF
AAA
2.06:1
Text on #000000
FAIL
9.76:1
Text on #F8FAFC
AAA
1.75:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #0F4275; }
.text-color { color: #0F4275; }
.border-color { border: 2px solid #0F4275; }

Similar Colors

Darkslateblue
#483D8B