#1656b5 (Denim Color / Sapphire / Blue)

#1656b5 Color Codes Conversion
Hex 1656b5
RGB 22 , 86 , 181
RGB % 7.6, 29.8, 62.6
HSL 215.8, 78.3, 39.8
HSV 215.8, 87.8, 71
CMYK 224,133.8,0,74
XYZ 0.12, 0.102, 0.45
xyY 0.179, 0.151, 0.102
CIE-LAB 0.381, 0.175, -0.557
CIE-LUV 0.381, -0.187, -0.808
CIE-HCL 287.435, 0.584, 0.381
Binary 00010110,01010110,10110101

#1656b5 HTML/CSS Color Name is Denim / Sapphire / Blue.
In a RGB color space, #1656b5 color RGB value is (Red:22,Green:86,Blue:181). it is composed of 7.6% red, 29.8% green and 62.6% blue. The process color (four color CMYK) of #1656b5 color hex is 224,133.8,0,74. HSL of color #1656b5 hue: 215.8 , saturation: 78.3 and the lightness value of 1656b5 is 39.8. Mainly color is Blue. Reverse color is: #e9a94a.
The color codes conversion takes 1.806111 milliseconds.


Shades Colors of #1656b5

Tints Colors of #1656b5


Scheme of color #1656b5

Web Safe
Generated Colors

#1656b5 Preview (Html codes and CSS codes)

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

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

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

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

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

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