#542bb2 (Purple Heart Color / Pantone 267 C / Violet)

#542bb2 Color Codes Conversion
Hex 542bb2
RGB 84 , 43 , 178
RGB % 27.5, 14.1, 58.4
HSL 258.2, 61.1, 43.3
HSV 258.2, 75.8, 69.8
CMYK 134.7,193.4,0,77
XYZ 0.126, 0.068, 0.428
xyY 0.202, 0.11, 0.068
CIE-LAB 0.314, 0.503, -0.647
CIE-LUV 0.314, 0.035, -0.881
CIE-HCL 307.842, 0.82, 0.314
Binary 01010100,00101011,10110010

#542bb2 HTML/CSS Color Name is Purple Heart / Pantone 267 C / Violet.
In a RGB color space, #542bb2 color RGB value is (Red:84,Green:43,Blue:178). it is composed of 27.5% red, 14.1% green and 58.4% blue. The process color (four color CMYK) of #542bb2 color hex is 134.7,193.4,0,77. HSL of color #542bb2 hue: 258.2 , saturation: 61.1 and the lightness value of 542bb2 is 43.3. Mainly color is Violet. Reverse color is: #abd44d.
The color codes conversion takes 1.287261 milliseconds.


Shades Colors of #542bb2

Tints Colors of #542bb2


Scheme of color #542bb2

Web Safe
Generated Colors

#542bb2 Preview (Html codes and CSS codes)

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

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

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

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

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

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