#5bc3d0 (Malibu Color / Pantone 325 C / Blue)

#5bc3d0 Color Codes Conversion
Hex 5bc3d0
RGB 91 , 195 , 208
RGB % 18.4, 39.5, 42.1
HSL 186.7, 55.5, 58.6
HSV 186.7, 56.2, 81.6
CMYK 143.4,15.9,0,47
XYZ 0.352, 0.458, 0.666
xyY 0.238, 0.31, 0.458
CIE-LAB 0.734, -0.263, -0.156
CIE-LUV 0.734, -0.431, -0.204
CIE-HCL 210.717, 0.306, 0.734
Binary 01011011,11000011,11010000

#5bc3d0 HTML/CSS Color Name is Malibu / Pantone 325 C / Blue.
In a RGB color space, #5bc3d0 color RGB value is (Red:91,Green:195,Blue:208). it is composed of 18.4% red, 39.5% green and 42.1% blue. The process color (four color CMYK) of #5bc3d0 color hex is 143.4,15.9,0,47. HSL of color #5bc3d0 hue: 186.7 , saturation: 55.5 and the lightness value of 5bc3d0 is 58.6. Mainly color is Blue. Reverse color is: #a43c2f.
The color codes conversion takes 1.642058 milliseconds.


Shades Colors of #5bc3d0

Tints Colors of #5bc3d0


Scheme of color #5bc3d0

Web Safe
Generated Colors

#5bc3d0 Preview (Html codes and CSS codes)

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

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

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

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

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

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