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

#2a70d9 Color Codes Conversion
Hex 2a70d9
RGB 42 , 112 , 217
RGB % 11.3, 30.2, 58.5
HSL 216, 69.7, 50.8
HSV 216, 80.6, 85.1
CMYK 205.6,123.4,0,38
XYZ 0.193, 0.171, 0.679
xyY 0.185, 0.164, 0.171
CIE-LAB 0.484, 0.163, -0.599
CIE-LUV 0.484, -0.233, -0.927
CIE-HCL 285.193, 0.621, 0.484
Binary 00101010,01110000,11011001

#2a70d9 HTML/CSS Color Name is Royal Blue / Pantone 2727 C / Blue.
In a RGB color space, #2a70d9 color RGB value is (Red:42,Green:112,Blue:217). it is composed of 11.3% red, 30.2% green and 58.5% blue. The process color (four color CMYK) of #2a70d9 color hex is 205.6,123.4,0,38. HSL of color #2a70d9 hue: 216 , saturation: 69.7 and the lightness value of 2a70d9 is 50.8. Mainly color is Blue. Reverse color is: #d58f26.
The color codes conversion takes 1.687890 milliseconds.


Shades Colors of #2a70d9

Tints Colors of #2a70d9


Scheme of color #2a70d9

Web Safe
Generated Colors

#2a70d9 Preview (Html codes and CSS codes)

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

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

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

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

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

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