#ae22d1 (Dark Orchid Color / DarkOrchid3 / Violet)

#ae22d1 Color Codes Conversion
Hex ae22d1
RGB 174 , 34 , 209
RGB % 41.7, 8.2, 50.1
HSL 288, 72, 47.6
HSV 288, 83.7, 82
CMYK 42.7,213.5,0,46
XYZ 0.295, 0.147, 0.616
xyY 0.279, 0.139, 0.147
CIE-LAB 0.453, 0.745, -0.597
CIE-LUV 0.453, 0.432, -0.963
CIE-HCL 321.27, 0.955, 0.453
Binary 10101110,00100010,11010001

#ae22d1 HTML/CSS Color Name is Dark Orchid / DarkOrchid3 / Violet.
In a RGB color space, #ae22d1 color RGB value is (Red:174,Green:34,Blue:209). it is composed of 41.7% red, 8.2% green and 50.1% blue. The process color (four color CMYK) of #ae22d1 color hex is 42.7,213.5,0,46. HSL of color #ae22d1 hue: 288 , saturation: 72 and the lightness value of ae22d1 is 47.6. Mainly color is Violet. Reverse color is: #51dd2e.
The color codes conversion takes 1.745387 milliseconds.


Shades Colors of #ae22d1

Tints Colors of #ae22d1


Scheme of color #ae22d1

Web Safe
Generated Colors

#ae22d1 Preview (Html codes and CSS codes)

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

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

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

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

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

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