#3A49FF
A light, vivid blue closely aligning with Mediumblue.
About #3A49FF
At its core, #3A49FF is a light and vivid hue. It is closely associated with the named CSS color Mediumblue. This translates to an RGB value of rgb(58, 73, 255).
For print applications, it's crucial to understand its CMYK makeup. The color uses 77% Cyan, 71% Magenta, 0% Yellow, and 0% Black. The HSL representation is 235.4° hue, 100.0% saturation, and 61.4% lightness.
Ensuring your text is legible against this background is a key part of web design. 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#3A49FF
RGB58, 73, 255
HSL235.4°, 100.0%, 61.4%
CMYK77%, 71%, 0%, 0%
HSV235.4°, 77.3%, 100.0%
LAB42.6, 55.3, -90.7
XYZ22.2, 12.9, 95.9
Decimal3820031
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.87:1
Text on #FFFFFF
AA
3.58:1
Text on #000000
AA Large
5.61:1
Text on #F8FAFC
AA
3.04:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #3A49FF;
}
.text-color {
color: #3A49FF;
}
.border-color {
border: 2px solid #3A49FF;
}