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

#222cbd Color Codes Conversion
Hex 222cbd
RGB 34 , 44 , 189
RGB % 12.7, 16.5, 70.8
HSL 236.1, 69.5, 43.7
HSV 236.1, 82, 74.1
CMYK 209.1,195.6,0,66
XYZ 0.107, 0.058, 0.487
xyY 0.165, 0.089, 0.058
CIE-LAB 0.289, 0.48, -0.755
CIE-LUV 0.289, -0.082, -0.955
CIE-HCL 302.484, 0.895, 0.289
Binary 00100010,00101100,10111101

#222cbd HTML/CSS Color Name is Persian Blue / Persian blue / Blue.
In a RGB color space, #222cbd color RGB value is (Red:34,Green:44,Blue:189). it is composed of 12.7% red, 16.5% green and 70.8% blue. The process color (four color CMYK) of #222cbd color hex is 209.1,195.6,0,66. HSL of color #222cbd hue: 236.1 , saturation: 69.5 and the lightness value of 222cbd is 43.7. Mainly color is Blue. Reverse color is: #ddd342.
The color codes conversion takes 1.650107 milliseconds.


Shades Colors of #222cbd

Tints Colors of #222cbd


Scheme of color #222cbd

Web Safe
Generated Colors

#222cbd Preview (Html codes and CSS codes)

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

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

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

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

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

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