#548B54 hex color code




#548B54 color RGB value is (84,139,84). #548B54 hex color red value is 84, green value is 139 and the blue value of its RGB is 84. In a RGB color space, hex #548B54 is composed of 32.94% red, 54.51% green and 32.94% blue. Whereas in a CMYK color space, it is composed of 39.57% cyan, 0% magenta, 39.57% yellow and 45.49% black. It has a hue angle of 210 degrees, a saturation of 24.66% and a lightness of 43.73%.



Color Code #548B54
RGB 84, 139, 84
RGB Percentage 32.94%, 54.51%, 32.94%
CMYK Percentage 39.57%, 0%, 39.57%, 45.49%
HSL 120 degrees, 0.25, 0.44
HSL Percentage 120 degrees, 24.66%, 43.73%
HSV Percentage 120 degrees, 40%, 55%
XYZ 14.48901, 20.99015, 11.67536
CIE-LAB 52.93871, -30.05195, 23.84313
Complementary Color #8b548b
Is this clolor dark? Yes
Is this clolor light? No

#548B54 Gradient Background Color

Css code for gradient background color from #548B54 to white (#ffffff);


background: -moz-linear-gradient(top,  #548B54 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#548B54), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #548B54 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #548B54 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #548B54 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #548B54 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#548B54', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

Preview


Css code for gradient background color from #548B54 to black (#000000);


background: -moz-linear-gradient(top,  #548B54 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#548B54), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #548B54 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #548B54 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #548B54 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #548B54 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#548B54', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

Preview


Text Preview On #548B54 Background Color

Black Forecolor Text

Text is written in black on background #548B54

White Forecolor Text

Text is written in white on background #548B54


CSS for #548B54

Type Example CSS Code
Background color
 background-color:#548B54;
Text

This is Sample text for color code #548B54;

 color:#548B54;
Border

Border example

border-color:#548B54;
Text Box
.textbox-1{
    background: white;
    border: 1px solid #548B54;
    border-radius: 5px;
    color: #666;
    float: left;
    padding: 5px 10px;
    width: 165px;
    outline: none;
}
Button
.button-1 {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
color:#333;
background-color:#548B54;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:none;
font-family:'Helvetica Neue',Arial,sans-serif;
font-size:16px;
font-weight:700;
height:32px;
padding:4px 16px;
text-shadow:#FE6 0 1px 0
}
Android setBackgroundColor is used for setting background color. To get color from hex value we use Color.parseColor(...) for #548B54 color.

RelativeLayout myLayout = (RelativeLayout)findViewById(R.id.my_layout_id);
myLayout.setBackgroundColor(Color.parseColor("#FF548B54"));

FF before color hex code is used to set the opacity of background color.

Tags for color code #548B54

  • Color Code #548B54
  • RGB for #548B54 is rgb(84,139,84)
  • rgb(84,139,84) for Hexcode #548B54
  • Hexcode #548B54 is rgb(84,139,84)
  • Colour Code for hexcoode #548B54
  • Hexadecimal Code #548B54
  • Lighter shades for Color Code #548B54
  • Darker shades for Color Code #548B54
  • Background color for color code #548B54
  • Text box for color code #548B54
  • Button css for color code #548B54
  • up