Color Charts
RGB
CMYK
RYB
#2648cd Hex Color CodeThe hexadecimal color code #2648cd is a shade of blue. In the RGB color model #2648cd is comprised of 14.9% red, 28.24% green and 80.39% blue. In the HSL color space #2648cd has a hue of 227.78 degrees, 68.72% saturation and 47.65% lightness. This color has an approximate wavelength of 477 nm.
#2648cd Color InformationInverted
#d9b732 25% Saturated
#113be1 Grayscale
#797979
25% Lighter
#516dde Original
#2648cd 25% Darker
#1c3699
slateblue
#6a5acd 25% Desaturated
#3a54b8 Web Safe: blue
#0000ff
rgb(38, 72, 205)
rgba(38, 72, 205, 1.0)
red: 14.902%, yellow: 25.9799%, blue: 80.3922%
#2648cd
2509005
-14268211 / 0xff2648cd
hsl(228, 69%, 48%)
hsla(228, 69%, 48%, 1.0)
hue: 228 (227.7844), saturation: 81 (81.4634), value: 80 (80.3922)
X: 14.1361, Y: 9.4546, Z: 58.8375
x: 0.1715, y: 0.1147, Y: 9.4546
L: 36.8452, a: 37.1306, b: -71.7902
L: 36.8452, u: -13.2987, v: -101.7358
L: 36.8452, C: 80.824, H: 297.3484
L: 30.7483, a: 28.2536, b: -91.9288
cyan: 81 (0.8146), magenta: 65 (0.6488), yellow: 0 (0), key: 20 (0.1961)
cyan: 85 (0.851), magenta: 72 (0.7176), yellow: 20 (0.1961)
Y: 76.996, I: -62.9823, Q: 34.1915
Y: 76.996, U: 62.9911, V: -34.2113
Y: 76.996, Db: 192.589, Dr: 74.183
Y: 82.144, Cb: 191.419, Cr: 103.631
Y: 74.334, Pb: 70.41, Pr: -23.118
7.5PB 4/16 approximate; exact match: Munsell 7.5PB 4/16 / #4252d1
#2648cd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#2648cd to White#2648cd to Black#2648cd foreground
<p style="color: #2648cd">#2648cd foreground</p>
#2648cd background
<p style="background-color: #2648cd; color: #fff">#2648cd background</p>
#2648cd border
<p style="border: #2648cd 3px solid">#2648cd border</p>
#2648cd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2648cd, #fff); background: -webkit-radial-gradient(50% 50%, #2648cd, #fff); background: -o-radial-gradient(50% 50%, #2648cd, #fff); background: -ms-radial-gradient(50% 50%, #2648cd, #fff); background: radial-gradient(50% 50%, #2648cd, #fff); color: #fff">#2648cd radial gradient</p>
#2648cd linear gradient to complementary #cdaa25
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2648cd, #cdaa25); background: -webkit-linear-gradient(top, #2648cd, #cdaa25); background: -o-linear-gradient(top, #2648cd, #cdaa25); background: -ms-linear-gradient(top, #2648cd, #cdaa25); background: linear-gradient(top, #2648cd, #cdaa25); color: #fff">#2648cd linear gradient to complementary #cdaa25</p>
#2648cd text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2648cd">#2648cd text shadow</p>
The matching paint colors are listed in order of relevancy to the #2648cd 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 #2648cd.
Jump to paint brand: