Color Charts
RGB
CMYK
RYB
#4457ab Hex Color CodeThe hexadecimal color code #4457ab is a shade of blue. In the RGB color model #4457ab is comprised of 26.67% red, 34.12% green and 67.06% blue. In the HSL color space #4457ab has a hue of 228.93 degrees, 43.1% saturation and 46.86% lightness. This color has an approximate wavelength of 476 nm.
#4457ab Color InformationInverted
#bba854 25% Saturated
#374eb7 Grayscale
#777777
25% Lighter
#6778c2 Original
#4457ab 25% Darker
#324180
slateblue
#6a5acd 25% Desaturated
#505f9e Web Safe: blue
#0000ff
rgb(68, 87, 171)
rgba(68, 87, 171, 1.0)
red: 26.6667%, yellow: 32.9572%, blue: 67.0588%
#4457ab
4478891
-12298325 / 0xff4457ab
hsl(229, 43%, 47%)
hsla(229, 43%, 47%, 1.0)
hue: 229 (228.932), saturation: 60 (60.2339), value: 67 (67.0588)
X: 13.1428, Y: 10.9856, Z: 39.9558
x: 0.2051, y: 0.1714, Y: 10.9856
L: 39.5562, a: 19.0885, b: -47.4003
L: 39.5562, u: -10.9556, v: -70.1036
L: 39.5562, C: 51.0995, H: 291.9351
L: 33.1445, a: 12.7775, b: -48.273
cyan: 60 (0.6023), magenta: 49 (0.4912), yellow: 0 (0), key: 33 (0.3294)
cyan: 73 (0.7333), magenta: 66 (0.6588), yellow: 33 (0.3294)
Y: 90.895, I: -38.3047, Q: 22.1177
Y: 90.895, U: 39.4203, V: -20.0858
Y: 90.895, Db: 120.522, Dr: 43.555
Y: 94.082, Cb: 167.688, Cr: 113.695
Y: 89.001, Pb: 44.185, Pr: -13.364
7.5PB 4/10 approximate; exact match: Munsell 7.5PB 4/10 / #4f5aaa
#4457ab / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#4457ab to White#4457ab to Black#4457ab foreground
<p style="color: #4457ab">#4457ab foreground</p>
#4457ab background
<p style="background-color: #4457ab; color: #fff">#4457ab background</p>
#4457ab border
<p style="border: #4457ab 3px solid">#4457ab border</p>
#4457ab radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4457ab, #fff); background: -webkit-radial-gradient(50% 50%, #4457ab, #fff); background: -o-radial-gradient(50% 50%, #4457ab, #fff); background: -ms-radial-gradient(50% 50%, #4457ab, #fff); background: radial-gradient(50% 50%, #4457ab, #fff); color: #fff">#4457ab radial gradient</p>
#4457ab linear gradient to complementary #aa9844
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4457ab, #aa9844); background: -webkit-linear-gradient(top, #4457ab, #aa9844); background: -o-linear-gradient(top, #4457ab, #aa9844); background: -ms-linear-gradient(top, #4457ab, #aa9844); background: linear-gradient(top, #4457ab, #aa9844); color: #fff">#4457ab linear gradient to complementary #aa9844</p>
#4457ab text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #4457ab">#4457ab text shadow</p>
The matching paint colors are listed in order of relevancy to the #4457ab 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 #4457ab.
Jump to paint brand: