Color Charts
RGB
CMYK
RYB
#3a45c3 Hex Color CodeThe hexadecimal color code #3a45c3 is a shade of blue. In the RGB color model #3a45c3 is comprised of 22.75% red, 27.06% green and 76.47% blue. In the HSL color space #3a45c3 has a hue of 235.18 degrees, 54.15% saturation and 49.61% lightness. This color has an approximate wavelength of 472 nm.
#3a45c3 Color InformationInverted
#c5ba3c 25% Saturated
#2836d4 Grayscale
#7e7e7e
25% Lighter
#6972d2 Original
#3a45c3 25% Darker
#2b3392
slateblue
#6a5acd 25% Desaturated
#4b53b1 Web Safe: blue
#0000ff
rgb(58, 69, 195)
rgba(58, 69, 195, 1.0)
red: 22.7451%, yellow: 26.7382%, blue: 76.4706%
#3a45c3
3818947
-12958269 / 0xff3a45c3
hsl(235, 54%, 50%)
hsla(235, 54%, 50%, 1.0)
hue: 235 (235.1825), saturation: 70 (70.2564), value: 76 (76.4706)
X: 13.7234, Y: 9.0959, Z: 52.6621
x: 0.1818, y: 0.1205, Y: 9.0959
L: 36.1683, a: 37.4441, b: -67.0461
L: 36.1683, u: -9.2628, v: -95.2952
L: 36.1683, C: 76.7935, H: 299.1826
L: 30.1594, a: 28.4434, b: -82.4162
cyan: 70 (0.7026), magenta: 65 (0.6462), yellow: 0 (0), key: 24 (0.2353)
cyan: 77 (0.7725), magenta: 73 (0.7294), yellow: 24 (0.2353)
Y: 80.075, I: -47.032, Q: 36.877
Y: 80.075, U: 56.5551, V: -19.3663
Y: 80.075, Db: 172.908, Dr: 42.005
Y: 84.792, Cb: 184.942, Cr: 114.225
Y: 75.729, Pb: 64.265, Pr: -11.296
7.5PB 4/16 approximate; exact match: Munsell 7.5PB 4/16 / #4252d1
#3a45c3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3a45c3 to White#3a45c3 to Black#3a45c3 foreground
<p style="color: #3a45c3">#3a45c3 foreground</p>
#3a45c3 background
<p style="background-color: #3a45c3; color: #fff">#3a45c3 background</p>
#3a45c3 border
<p style="border: #3a45c3 3px solid">#3a45c3 border</p>
#3a45c3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3a45c3, #fff); background: -webkit-radial-gradient(50% 50%, #3a45c3, #fff); background: -o-radial-gradient(50% 50%, #3a45c3, #fff); background: -ms-radial-gradient(50% 50%, #3a45c3, #fff); background: radial-gradient(50% 50%, #3a45c3, #fff); color: #fff">#3a45c3 radial gradient</p>
#3a45c3 linear gradient to complementary #c3b839
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3a45c3, #c3b839); background: -webkit-linear-gradient(top, #3a45c3, #c3b839); background: -o-linear-gradient(top, #3a45c3, #c3b839); background: -ms-linear-gradient(top, #3a45c3, #c3b839); background: linear-gradient(top, #3a45c3, #c3b839); color: #fff">#3a45c3 linear gradient to complementary #c3b839</p>
#3a45c3 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #3a45c3">#3a45c3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3a45c3 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #3a45c3.
Jump to paint brand: