#3A2475
A dark, moderate purple closely aligning with Midnightblue.
About #3A2475
At its core, #3A2475 is a dark and moderate hue. It is closely associated with the named CSS color Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 36, and 117.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 50% cyan and 69% magenta inks. The HSL representation is 256.3° hue, 52.9% saturation, and 30.0% lightness.
From a UX and accessibility standpoint, contrast is paramount. 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#3A2475
RGB58, 36, 117
HSL256.3°, 52.9%, 30.0%
CMYK50%, 69%, 0%, 54%
HSV256.3°, 69.2%, 45.9%
LAB21.7, 31.7, -43.0
XYZ5.6, 3.4, 17.2
Decimal3810421
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.43:1
Text on #FFFFFF
AAA
1.69:1
Text on #000000
FAIL
11.88:1
Text on #F8FAFC
AAA
1.44:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #3A2475;
}
.text-color {
color: #3A2475;
}
.border-color {
border: 2px solid #3A2475;
}