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

#5f3dc4
RGB(95,60,195)
#5f3dc4 Color Codes Conversion
Hex 5f3dc4
RGB 95 , 60 , 195
RGB % 27.1, 17.1, 55.7
HSL 255.1, 53.4, 50.4
HSV 255.1, 68.9, 76.9
CMYK 131.4,175.6,0,59
XYZ 0.163, 0.098, 0.532
xyY 0.206, 0.123, 0.098
CIE-LAB 0.374, 0.479, -0.655
CIE-LUV 0.374, 0.024, -0.953
CIE-HCL 306.182, 0.811, 0.374
Binary 01011111,00111100,11000011

#5f3dc4 HTML/CSS Color Name is Purple Heart / Crayola Purple Heart / Violet.
In a RGB color space, #5f3dc4 color RGB value is (Red:95,Green:60,Blue:195). it is composed of 27.1% red, 17.1% green and 55.7% blue. The process color (four color CMYK) of #5f3dc4 color hex is 131.4,175.6,0,59. HSL of color #5f3dc4 hue: 255.1 , saturation: 53.4 and the lightness value of 5f3dc4 is 50.4. Mainly color is Violet. Reverse color is: #a0c33c.
The color codes conversion takes 1.918001 milliseconds.

 

Shades Colors of #5f3dc4

Tints Colors of #5f3dc4

 

Scheme of color #5f3dc4

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#5f3dc4 Preview (Html codes and CSS codes)

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

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

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

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

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

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #5f3dc4;
  -webkit-box-shadow: 1px 1px 3px 2px #5f3dc4;
  box-shadow:         1px 1px 3px 2px #5f3dc4;">
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