#5037bf (Purple Heart Color / Crayola Purple Heart / Violet)

#5037bf
RGB(80,55,191)
#5037bf Color Codes Conversion
Hex 5037bf
RGB 80 , 55 , 191
RGB % 24.5, 16.9, 58.6
HSL 251, 55.3, 48.2
HSV 251, 71.2, 74.9
CMYK 148.2,181.6,0,64
XYZ 0.141, 0.082, 0.501
xyY 0.194, 0.113, 0.082
CIE-LAB 0.344, 0.473, -0.675
CIE-LUV 0.344, -0.009, -0.946
CIE-HCL 305.017, 0.825, 0.344
Binary 01010000,00110111,10111111

#5037bf HTML/CSS Color Name is Purple Heart / Crayola Purple Heart / Violet.
In a RGB color space, #5037bf color RGB value is (Red:80,Green:55,Blue:191). it is composed of 24.5% red, 16.9% green and 58.6% blue. The process color (four color CMYK) of #5037bf color hex is 148.2,181.6,0,64. HSL of color #5037bf hue: 251 , saturation: 55.3 and the lightness value of 5037bf is 48.2. Mainly color is Violet. Reverse color is: #afc840.
The color codes conversion takes 1.788300 milliseconds.

 

Shades Colors of #5037bf

Tints Colors of #5037bf

 

Scheme of color #5037bf

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#5037bf Preview (Html codes and CSS codes)

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

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

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

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

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

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