Color Charts
RGB
CMYK
RYB
#4675ce Hex Color CodeThe hexadecimal color code #4675ce is a shade of cyan-blue. In the RGB color model #4675ce is comprised of 27.45% red, 45.88% green and 80.78% blue. In the HSL color space #4675ce has a hue of 219.26 degrees, 58.12% saturation and 54.12% lightness. This color has an approximate wavelength of 482 nm.
#4675ce Color InformationInverted
#b98a31 25% Saturated
#356fdf Grayscale
#8a8a8a
25% Lighter
#7c9ddc Original
#4675ce 25% Darker
#2b54a3
royalblue
#4169e1 25% Desaturated
#577abd Web Safe: blue
#0000ff
rgb(70, 117, 206)
rgba(70, 117, 206, 1.0)
red: 27.451%, yellow: 41.1486%, blue: 80.7843%
#4675ce
4617678
-12159538 / 0xff4675ce
hsl(219, 58%, 54%)
hsla(219, 58%, 54%, 1.0)
hue: 219 (219.2647), saturation: 66 (66.0194), value: 81 (80.7843)
X: 20.0277, Y: 18.4809, Z: 60.9041
x: 0.2015, y: 0.1859, Y: 18.4809
L: 50.0743, a: 12.7293, b: -50.8668
L: 50.0743, u: -20.1321, v: -79.2784
L: 50.0743, C: 52.4354, H: 284.0496
L: 42.9894, a: 7.927, b: -53.9049
cyan: 66 (0.6602), magenta: 43 (0.432), yellow: 0 (0), key: 19 (0.1922)
cyan: 73 (0.7255), magenta: 54 (0.5412), yellow: 19 (0.1922)
Y: 113.093, I: -56.5911, Q: 17.7526
Y: 113.093, U: 45.7203, V: -37.8059
Y: 113.093, Db: 139.787, Dr: 81.964
Y: 113.146, Cb: 174.027, Cr: 101.048
Y: 113.397, Pb: 49.905, Pr: -27.594
5PB 5/12 approximate; exact match: Munsell 5PB 5/12 / #2d7bd5
#4675ce / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#4675ce to White#4675ce to Black#4675ce foreground
<p style="color: #4675ce">#4675ce foreground</p>
#4675ce background
<p style="background-color: #4675ce; color: #fff">#4675ce background</p>
#4675ce border
<p style="border: #4675ce 3px solid">#4675ce border</p>
#4675ce radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #4675ce, #fff); background: -webkit-radial-gradient(50% 50%, #4675ce, #fff); background: -o-radial-gradient(50% 50%, #4675ce, #fff); background: -ms-radial-gradient(50% 50%, #4675ce, #fff); background: radial-gradient(50% 50%, #4675ce, #fff); color: #fff">#4675ce radial gradient</p>
#4675ce linear gradient to complementary #ce9f46
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #4675ce, #ce9f46); background: -webkit-linear-gradient(top, #4675ce, #ce9f46); background: -o-linear-gradient(top, #4675ce, #ce9f46); background: -ms-linear-gradient(top, #4675ce, #ce9f46); background: linear-gradient(top, #4675ce, #ce9f46); color: #fff">#4675ce linear gradient to complementary #ce9f46</p>
#4675ce text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #4675ce">#4675ce text shadow</p>
The matching paint colors are listed in order of relevancy to the #4675ce 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 #4675ce.
Jump to paint brand: