#551fa8 (Purple Heart Color / Pantone 267 C / Violet)

#551fa8
RGB(85,31,168)
#551fa8 Color Codes Conversion
Hex 551fa8
RGB 85 , 31 , 168
RGB % 29.9, 10.9, 59.2
HSL 263.6, 68.8, 39
HSV 263.6, 81.5, 65.9
CMYK 126,207.9,0,87
XYZ 0.113, 0.057, 0.376
xyY 0.207, 0.105, 0.057
CIE-LAB 0.287, 0.53, -0.631
CIE-LUV 0.287, 0.065, -0.831
CIE-HCL 310.034, 0.824, 0.287
Binary 01010101,00011111,10101000

#551fa8 HTML/CSS Color Name is Purple Heart / Pantone 267 C / Violet.
In a RGB color space, #551fa8 color RGB value is (Red:85,Green:31,Blue:168). it is composed of 29.9% red, 10.9% green and 59.2% blue. The process color (four color CMYK) of #551fa8 color hex is 126,207.9,0,87. HSL of color #551fa8 hue: 263.6 , saturation: 68.8 and the lightness value of 551fa8 is 39. Mainly color is Violet. Reverse color is: #aae057.
The color codes conversion takes 1.815959 milliseconds.

 

Shades Colors of #551fa8

Tints Colors of #551fa8

 

Scheme of color #551fa8

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#551fa8 Preview (Html codes and CSS codes)

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

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

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

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

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

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