#5dd698 (Medium Aquamarine Color / Medium aquamarine / Blue)

#5dd698
RGB(93,214,152)
#5dd698 Color Codes Conversion
Hex 5dd698
RGB 93 , 214 , 152
RGB % 20.3, 46.6, 33.1
HSL 149.3, 59.6, 60.2
HSV 149.3, 56.5, 83.9
CMYK 144.2,0,73.9,41
XYZ 0.342, 0.527, 0.381
xyY 0.274, 0.422, 0.527
CIE-LAB 0.777, -0.481, 0.206
CIE-LUV 0.777, -0.525, 0.372
CIE-HCL 156.78, 0.524, 0.777
Binary 01011101,11010110,10011000

#5dd698 HTML/CSS Color Name is Medium Aquamarine / Medium aquamarine / Blue.
In a RGB color space, #5dd698 color RGB value is (Red:93,Green:214,Blue:152). it is composed of 20.3% red, 46.6% green and 33.1% blue. The process color (four color CMYK) of #5dd698 color hex is 144.2,0,73.9,41. HSL of color #5dd698 hue: 149.3 , saturation: 59.6 and the lightness value of 5dd698 is 60.2. Mainly color is Blue. Reverse color is: #a22967.
The color codes conversion takes 2.042767 milliseconds.

 

Shades Colors of #5dd698

Tints Colors of #5dd698

 

Scheme of color #5dd698

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

Related Color Palettes or Color Schemes

 

#5dd698 Preview (Html codes and CSS codes)

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

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

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

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

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

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