#5c3ac3 (Purple Heart Color / Crayola Purple Heart / Violet)

#5c3ac3
RGB(92,58,195)
#5c3ac3 Color Codes Conversion
Hex 5c3ac3
RGB 92 , 58 , 195
RGB % 26.7, 16.8, 56.5
HSL 254.9, 54.2, 49.6
HSV 254.9, 70.3, 76.5
CMYK 134.7,179.2,0,60
XYZ 0.158, 0.092, 0.526
xyY 0.203, 0.119, 0.092
CIE-LAB 0.364, 0.487, -0.665
CIE-LUV 0.364, 0.021, -0.956
CIE-HCL 306.236, 0.824, 0.364
Binary 01011100,00111010,11000011

#5c3ac3 HTML/CSS Color Name is Purple Heart / Crayola Purple Heart / Violet.
In a RGB color space, #5c3ac3 color RGB value is (Red:92,Green:58,Blue:195). it is composed of 26.7% red, 16.8% green and 56.5% blue. The process color (four color CMYK) of #5c3ac3 color hex is 134.7,179.2,0,60. HSL of color #5c3ac3 hue: 254.9 , saturation: 54.2 and the lightness value of 5c3ac3 is 49.6. Mainly color is Violet. Reverse color is: #a3c53c.
The color codes conversion takes 1.775142 milliseconds.

 

Shades Colors of #5c3ac3

Tints Colors of #5c3ac3

 

Scheme of color #5c3ac3

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#5c3ac3 Preview (Html codes and CSS codes)

CSS codes
.bgcolor {background-color:#5c3ac3; 
.textcolor {color:#5c3ac3; }
.bordercolor {border:3px solid #5c3ac3; }

Text color
This text has a font color of #5c3ac3.
<p style="color:#5c3ac3">Text here</p>

Background color
This block has a background color of #5c3ac3.
<p style="background-color:#5c3ac3;">Content here</p>

Border color
This element has a border color of #5c3ac3.
<div style="border:1px solid #5c3ac3;">Content here</div>
CSS3 Shadow codes
.textShadow { 
  text-shadow: 4px 4px 2px #5c3ac3; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #5c3ac3;
  -webkit-box-shadow: 1px 1px 3px 2px #5c3ac3;
  box-shadow:         1px 1px 3px 2px #5c3ac3; }

Text Shadow
This text has a font color of #5c3ac3.
<p style="text-shadow: 4px 4px 2px #5c3ac3">Text here</p>

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #5c3ac3;
  -webkit-box-shadow: 1px 1px 3px 2px #5c3ac3;
  box-shadow:         1px 1px 3px 2px #5c3ac3;">
Content here</div>

 

Random warm Colors

Random happy Colors

Palettes warm Colors

Palettes happy Colors

 

© 2017 - 2028 HexColors.org All Rights Reserved. A free Html color codes tool. privacy