#0F3A6D
A dark, vivid blue closely aligning with Darkslateblue.
About #0F3A6D
At its core, #0F3A6D is a dark and vivid hue. Designers often compare it to the standard color Darkslateblue. Its digital footprint relies on 15 parts red, 58 parts green, and 109 parts blue light.
If you are designing for print, the four-color process is what matters most. The color uses 86% Cyan, 47% Magenta, 0% Yellow, and 57% Black. With a hue angle of 212.6 degrees, it sits comfortably in the blue spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#0F3A6D
RGB15, 58, 109
HSL212.6°, 75.8%, 24.3%
CMYK86%, 47%, 0%, 57%
HSV212.6°, 86.2%, 42.7%
LAB24.4, 6.2, -33.7
XYZ4.5, 4.2, 15.0
Decimal997997
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
11.37:1
Text on #FFFFFF
AAA
1.85:1
Text on #000000
FAIL
10.87:1
Text on #F8FAFC
AAA
1.57:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #0F3A6D;
}
.text-color {
color: #0F3A6D;
}
.border-color {
border: 2px solid #0F3A6D;
}