#ab22cd (Dark Orchid Color / DarkOrchid3 / Violet)

#ab22cd Color Codes Conversion
Hex ab22cd
RGB 171 , 34 , 205
RGB % 41.7, 8.3, 50.0
HSL 288.1, 71.5, 46.9
HSV 288.1, 83.4, 80.4
CMYK 42.3,212.7,0,50
XYZ 0.284, 0.142, 0.59
xyY 0.279, 0.14, 0.142
CIE-LAB 0.445, 0.733, -0.587
CIE-LUV 0.445, 0.425, -0.942
CIE-HCL 321.317, 0.939, 0.445
Binary 10101011,00100010,11001101

#ab22cd HTML/CSS Color Name is Dark Orchid / DarkOrchid3 / Violet.
In a RGB color space, #ab22cd color RGB value is (Red:171,Green:34,Blue:205). it is composed of 41.7% red, 8.3% green and 50.0% blue. The process color (four color CMYK) of #ab22cd color hex is 42.3,212.7,0,50. HSL of color #ab22cd hue: 288.1 , saturation: 71.5 and the lightness value of ab22cd is 46.9. Mainly color is Violet. Reverse color is: #54dd32.
The color codes conversion takes 1.984701 milliseconds.


Shades Colors of #ab22cd

Tints Colors of #ab22cd


Scheme of color #ab22cd

Web Safe
Generated Colors

#ab22cd Preview (Html codes and CSS codes)

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

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

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

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

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

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