#225162 (Arapawa Color / Pantone 7477 C / Blue)

#225162
RGB(34,81,97)
#225162 Color Codes Conversion
Hex 225162
RGB 34 , 81 , 97
RGB % 16.0, 38.2, 45.8
HSL 195.9, 48.5, 25.9
HSV 195.9, 65.3, 38.4
CMYK 166.5,44.2,0,157
XYZ 0.058, 0.071, 0.126
xyY 0.227, 0.278, 0.071
CIE-LAB 0.32, -0.102, -0.147
CIE-LUV 0.32, -0.18, -0.178
CIE-HCL 235.224, 0.179, 0.32
Binary 00100010,01010001,01100001

#225162 HTML/CSS Color Name is Arapawa / Pantone 7477 C / Blue.
In a RGB color space, #225162 color RGB value is (Red:34,Green:81,Blue:97). it is composed of 16.0% red, 38.2% green and 45.8% blue. The process color (four color CMYK) of #225162 color hex is 166.5,44.2,0,157. HSL of color #225162 hue: 195.9 , saturation: 48.5 and the lightness value of 225162 is 25.9. Mainly color is Blue. Reverse color is: #ddae9e.
The color codes conversion takes 1.527212 milliseconds.

 

Shades Colors of #225162

Tints Colors of #225162

 

Scheme of color #225162

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#225162 Preview (Html codes and CSS codes)

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

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

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

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

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

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