#301AAF
A dark, vivid blue closely aligning with Darkblue.
About #301AAF
When working with digital screens, the color #301AAF is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkblue. Its digital footprint relies on 48 parts red, 26 parts green, and 175 parts blue light.
Translating this color to physical media requires the CMYK color model. The color uses 73% Cyan, 85% Magenta, 0% Yellow, and 31% Black. The HSL representation is 248.9° hue, 74.1% saturation, and 39.4% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#301AAF
RGB48, 26, 175
HSL248.9°, 74.1%, 39.4%
CMYK73%, 85%, 0%, 31%
HSV248.9°, 85.1%, 68.6%
LAB25.1, 53.3, -73.4
XYZ9.3, 4.5, 40.9
Decimal3152559
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
11.10:1
Text on #FFFFFF
AAA
1.89:1
Text on #000000
FAIL
10.61:1
Text on #F8FAFC
AAA
1.61:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #301AAF;
}
.text-color {
color: #301AAF;
}
.border-color {
border: 2px solid #301AAF;
}