#222acc (Persian Blue Color / Persian blue / Blue)

#222acc Color Codes Conversion
Hex 222acc
RGB 34 , 42 , 204
RGB % 12.1, 15.0, 72.9
HSL 237.2, 71.4, 46.7
HSV 237.2, 83.3, 80
CMYK 212.5,202.5,0,51
XYZ 0.124, 0.064, 0.577
xyY 0.162, 0.083, 0.064
CIE-LAB 0.303, 0.54, -0.82
CIE-LUV 0.303, -0.084, -1.042
CIE-HCL 303.334, 0.982, 0.303
Binary 00100010,00101010,11001100

#222acc HTML/CSS Color Name is Persian Blue / Persian blue / Blue.
In a RGB color space, #222acc color RGB value is (Red:34,Green:42,Blue:204). it is composed of 12.1% red, 15.0% green and 72.9% blue. The process color (four color CMYK) of #222acc color hex is 212.5,202.5,0,51. HSL of color #222acc hue: 237.2 , saturation: 71.4 and the lightness value of 222acc is 46.7. Mainly color is Blue. Reverse color is: #ddd533.
The color codes conversion takes 1.627134 milliseconds.


Shades Colors of #222acc

Tints Colors of #222acc


Scheme of color #222acc

Web Safe
Generated Colors

#222acc Preview (Html codes and CSS codes)

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

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

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

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

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

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