#5031d7 (Purple Heart Color / Crayola Purple Heart / Violet)

#5031d7
RGB(80,48,215)
#5031d7 Color Codes Conversion
Hex 5031d7
RGB 80 , 48 , 215
RGB % 23.3, 14.0, 62.7
HSL 251.2, 67.5, 51.8
HSV 251.2, 77.2, 84.3
CMYK 160.1,196.9,0,40
XYZ 0.167, 0.088, 0.651
xyY 0.184, 0.097, 0.088
CIE-LAB 0.356, 0.574, -0.795
CIE-LUV 0.356, -0.019, -1.102
CIE-HCL 305.834, 0.981, 0.356
Binary 01010000,00110000,11010111

#5031d7 HTML/CSS Color Name is Purple Heart / Crayola Purple Heart / Violet.
In a RGB color space, #5031d7 color RGB value is (Red:80,Green:48,Blue:215). it is composed of 23.3% red, 14.0% green and 62.7% blue. The process color (four color CMYK) of #5031d7 color hex is 160.1,196.9,0,40. HSL of color #5031d7 hue: 251.2 , saturation: 67.5 and the lightness value of 5031d7 is 51.8. Mainly color is Violet. Reverse color is: #afcf28.
The color codes conversion takes 2.227712 milliseconds.

 

Shades Colors of #5031d7

Tints Colors of #5031d7

 

Scheme of color #5031d7

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#5031d7 Preview (Html codes and CSS codes)

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

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

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

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

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

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