#276ca9 (Lochmara Color / Lapis lazuli / Blue)

#276ca9 Color Codes Conversion
Hex 276ca9
RGB 39 , 108 , 169
RGB % 12.3, 34.2, 53.5
HSL 208.2, 62.5, 40.8
HSV 208.2, 76.9, 66.3
CMYK 196.2,92,0,86
XYZ 0.134, 0.14, 0.395
xyY 0.2, 0.21, 0.14
CIE-LAB 0.443, 0.002, -0.388
CIE-LUV 0.443, -0.24, -0.573
CIE-HCL 270.315, 0.388, 0.443
Binary 00100111,01101100,10101001

#276ca9 HTML/CSS Color Name is Lochmara / Lapis lazuli / Blue.
In a RGB color space, #276ca9 color RGB value is (Red:39,Green:108,Blue:169). it is composed of 12.3% red, 34.2% green and 53.5% blue. The process color (four color CMYK) of #276ca9 color hex is 196.2,92,0,86. HSL of color #276ca9 hue: 208.2 , saturation: 62.5 and the lightness value of 276ca9 is 40.8. Mainly color is Blue. Reverse color is: #d89356.
The color codes conversion takes 1.782222 milliseconds.


Shades Colors of #276ca9

Tints Colors of #276ca9


Scheme of color #276ca9

Web Safe
Generated Colors

#276ca9 Preview (Html codes and CSS codes)

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

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

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

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

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

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