#0F336D
A dark, vivid blue closely aligning with Darkslateblue.
About #0F336D
Visually, #0F336D is defined as a vivid blue. It is closely associated with the named CSS color Darkslateblue. In the RGB color space, it consists of 15 red, 51 green, and 109 blue.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 86% cyan, 53% magenta, 0% yellow, and 57% black. This makes it a relatively dark color when applied to physical surfaces.
Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#0F336D
RGB15, 51, 109
HSL217.0°, 75.8%, 24.3%
CMYK86%, 53%, 0%, 57%
HSV217.0°, 86.2%, 42.7%
LAB22.2, 11.3, -37.3
XYZ4.1, 3.6, 14.9
Decimal996205
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.25:1
Text on #FFFFFF
AAA
1.71:1
Text on #000000
FAIL
11.71:1
Text on #F8FAFC
AAA
1.46:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #0F336D;
}
.text-color {
color: #0F336D;
}
.border-color {
border: 2px solid #0F336D;
}