#2a70d7 (Royal Blue Color / Pantone 2727 C / Blue)

#2a70d7 Color Codes Conversion
Hex 2a70d7
RGB 42 , 112 , 215
RGB % 11.4, 30.4, 58.3
HSL 215.7, 68.4, 50.4
HSV 215.7, 80.5, 84.3
CMYK 205.2,122.2,0,40
XYZ 0.19, 0.17, 0.666
xyY 0.185, 0.166, 0.17
CIE-LAB 0.482, 0.155, -0.59
CIE-LUV 0.482, -0.233, -0.912
CIE-HCL 284.732, 0.61, 0.482
Binary 00101010,01110000,11010111

#2a70d7 HTML/CSS Color Name is Royal Blue / Pantone 2727 C / Blue.
In a RGB color space, #2a70d7 color RGB value is (Red:42,Green:112,Blue:215). it is composed of 11.4% red, 30.4% green and 58.3% blue. The process color (four color CMYK) of #2a70d7 color hex is 205.2,122.2,0,40. HSL of color #2a70d7 hue: 215.7 , saturation: 68.4 and the lightness value of 2a70d7 is 50.4. Mainly color is Blue. Reverse color is: #d58f28.
The color codes conversion takes 2.049748 milliseconds.


Shades Colors of #2a70d7

Tints Colors of #2a70d7


Scheme of color #2a70d7

Web Safe
Generated Colors

#2a70d7 Preview (Html codes and CSS codes)

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

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

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

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

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

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