#2a98bb (Pelorous Color / Pantone 7689 C / Blue)

#2a98bb
RGB(42,152,187)
#2a98bb Color Codes Conversion
Hex 2a98bb
RGB 42 , 152 , 187
RGB % 11.0, 39.9, 49.1
HSL 194.5, 63.3, 44.9
HSV 194.5, 77.5, 73.3
CMYK 197.7,47.7,0,68
XYZ 0.211, 0.265, 0.51
xyY 0.214, 0.269, 0.265
CIE-LAB 0.585, -0.183, -0.268
CIE-LUV 0.585, -0.38, -0.388
CIE-HCL 235.673, 0.325, 0.585
Binary 00101010,10011000,10111011

#2a98bb HTML/CSS Color Name is Pelorous / Pantone 7689 C / Blue.
In a RGB color space, #2a98bb color RGB value is (Red:42,Green:152,Blue:187). it is composed of 11.0% red, 39.9% green and 49.1% blue. The process color (four color CMYK) of #2a98bb color hex is 197.7,47.7,0,68. HSL of color #2a98bb hue: 194.5 , saturation: 63.3 and the lightness value of 2a98bb is 44.9. Mainly color is Blue. Reverse color is: #d56744.
The color codes conversion takes 2.163002 milliseconds.

 

Shades Colors of #2a98bb

Tints Colors of #2a98bb

 

Scheme of color #2a98bb

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#2a98bb Preview (Html codes and CSS codes)

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

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

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

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

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

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