#228ae6 (Dodger Blue Color / DodgerBlue2 / Blue)

#228ae6 Color Codes Conversion
Hex 228ae6
RGB 34 , 138 , 230
RGB % 8.5, 34.3, 57.2
HSL 208.2, 79.7, 51.8
HSV 208.2, 85.2, 90.2
CMYK 217.3,102,0,25
XYZ 0.24, 0.242, 0.783
xyY 0.19, 0.192, 0.242
CIE-LAB 0.563, 0.044, -0.545
CIE-LUV 0.563, -0.318, -0.863
CIE-HCL 274.662, 0.547, 0.563
Binary 00100010,10001010,11100110

#228ae6 HTML/CSS Color Name is Dodger Blue / DodgerBlue2 / Blue.
In a RGB color space, #228ae6 color RGB value is (Red:34,Green:138,Blue:230). it is composed of 8.5% red, 34.3% green and 57.2% blue. The process color (four color CMYK) of #228ae6 color hex is 217.3,102,0,25. HSL of color #228ae6 hue: 208.2 , saturation: 79.7 and the lightness value of 228ae6 is 51.8. Mainly color is Blue. Reverse color is: #dd7519.
The color codes conversion takes 1.492291 milliseconds.


Shades Colors of #228ae6

Tints Colors of #228ae6


Scheme of color #228ae6

Web Safe
Generated Colors

#228ae6 Preview (Html codes and CSS codes)

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

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

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

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

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

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