#654fa5
Hex Color CodeThe hexadecimal color code #654fa5
is a shade of blue-magenta. In the RGB color model #654fa5
is comprised of 39.61% red, 30.98% green and 64.71% blue. In the HSL color space #654fa5
has a hue of 255.35 degrees, 35.25% saturation and 47.84% lightness. This color has an approximate wavelength of 459 nm.
#654fa5
Color InformationInverted
#9ab05a 25% Saturated
#5f44af Grayscale
#7a7a7a
25% Lighter
#8674bc Original
#654fa5 25% Darker
#4b3b7b
slateblue
#6a5acd 25% Desaturated
#6a599a Web Safe: blue
#0000ff
rgb(101, 79, 165)
rgba(101, 79, 165, 1.0)
red: 39.6078%, yellow: 30.9804%, blue: 64.7059%
#654fa5
6639525
-10137691 / 0xff654fa5
hsl(255, 35%, 48%)
hsla(255, 35%, 48%, 1.0)
hue: 255 (255.3488), saturation: 52 (52.1212), value: 65 (64.7059)
X: 14.9543, Y: 11.0753, Z: 36.9469
x: 0.2375, y: 0.1759, Y: 11.0753
L: 39.707, a: 29.8107, b: -43.4519
L: 39.707, u: 3.6481, v: -65.4975
L: 39.707, C: 52.6948, H: 304.4526
L: 33.2795, a: 21.9707, b: -42.5279
cyan: 39 (0.3879), magenta: 52 (0.5212), yellow: 0 (0), key: 35 (0.3529)
cyan: 60 (0.6039), magenta: 69 (0.6902), yellow: 35 (0.3529)
Y: 95.382, I: -14.5229, Q: 31.4096
Y: 95.382, U: 34.2599, V: 4.9291
Y: 95.382, Db: 104.738, Dr: -10.664
Y: 97.943, Cb: 162.498, Cr: 131.552
Y: 89.878, Pb: 40.47, Pr: 7.044
10PB 4/10 approximate; exact match: Munsell 10PB 4/10 / #6654a6
#654fa5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#654fa5
to White#654fa5
to Black#654fa5
foreground
<p style="color: #654fa5">#654fa5 foreground</p>
#654fa5
background
<p style="background-color: #654fa5; color: #fff">#654fa5 background</p>
#654fa5
border
<p style="border: #654fa5 3px solid">#654fa5 border</p>
#654fa5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #654fa5, #fff); background: -webkit-radial-gradient(50% 50%, #654fa5, #fff); background: -o-radial-gradient(50% 50%, #654fa5, #fff); background: -ms-radial-gradient(50% 50%, #654fa5, #fff); background: radial-gradient(50% 50%, #654fa5, #fff); color: #fff">#654fa5 radial gradient</p>
#654fa5
linear gradient to complementary #8fa54f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #654fa5, #8fa54f); background: -webkit-linear-gradient(top, #654fa5, #8fa54f); background: -o-linear-gradient(top, #654fa5, #8fa54f); background: -ms-linear-gradient(top, #654fa5, #8fa54f); background: linear-gradient(top, #654fa5, #8fa54f); color: #fff">
#654fa5
linear gradient to complementary #8fa54f
</p>
#654fa5
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #654fa5">#654fa5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #654fa5
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 #654fa5
.
Jump to paint brand: