#5472ed (Royal Blue Color / Crayola Blue (II) / Blue)

#5472ed Color Codes Conversion
Hex 5472ed
RGB 84 , 113 , 237
RGB % 19.4, 26.0, 54.6
HSL 228.2, 81, 62.9
HSV 228.2, 64.6, 92.9
CMYK 164.6,132.3,0,18
XYZ 0.25, 0.2, 0.827
xyY 0.196, 0.157, 0.2
CIE-LAB 0.519, 0.276, -0.654
CIE-LUV 0.519, -0.16, -1.038
CIE-HCL 292.879, 0.71, 0.519
Binary 01010100,01110001,11101101

#5472ed HTML/CSS Color Name is Royal Blue / Crayola Blue (II) / Blue.
In a RGB color space, #5472ed color RGB value is (Red:84,Green:113,Blue:237). it is composed of 19.4% red, 26.0% green and 54.6% blue. The process color (four color CMYK) of #5472ed color hex is 164.6,132.3,0,18. HSL of color #5472ed hue: 228.2 , saturation: 81 and the lightness value of 5472ed is 62.9. Mainly color is Blue. Reverse color is: #ab8e12.
The color codes conversion takes 2.040119 milliseconds.


Shades Colors of #5472ed

Tints Colors of #5472ed


Scheme of color #5472ed

Web Safe
Generated Colors

#5472ed Preview (Html codes and CSS codes)

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

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

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

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

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

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