COLOR #58A023

HEX: #58A023 RGB: (88,160,35)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#58A023 contains mainly green color. Web safe color of #58A023 is #669933 (or #693).

RGB color model

#58A023 color RGB value is (88,160,35).

red value is 88;
green value is 160;
blue value is 35.

RGB: (88,160,35) (35%, 63%, 14%)

RGB channels and saturation

R 88 of 255 = 35%
G 160 of 255 = 63%
B 35 of 255 = 14%

160

R + G + B ~ 37%. #58A023 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 88 + 160 + 35 = 283 (100%)
R 88 of 283 ~ 31.1%
G 160 of 283 ~ 56.54%
B 35 of 283 ~ 12.37'%

%31.1

%56.54

%12.37

CMYK color model

#58A023 color CMYK value is (45,0,78,37).

cyan value is 45.00%
magenta value is 0.00%
yellow value is 78.13%
key color value is 37.25%

CMYK: (45,0,78,37) C45M0Y78K37 (45%,0%,78%,37%) (0.45/0.00/0.78/0.37)

CMYK percentages

%45

%78.13

%37.25

Codes

Color #58A023 in popluar color models

	58	A0	23
RGB	88	160	35
HSL	95°	64.10%	38.24%
HSB/HSV	95°	78.13%	62.75%
CMYK	45.00%	0.00%	78.13%
CMYK	37.25%

Color #58A023 in popluar number systems.

HEX	58	A0	23
Decimal	88	160	35
Binary	1011000	10100000	100011
Octal	130	240	43

Shades and tints

Shades of #58A023

#58A023
(88,160,35)

#509220
(80,146,32)

#48841D
(72,132,29)

#40761A
(64,118,26)

#386817
(56,104,23)

#305A14
(48,90,20)

#284C11
(40,76,17)

#203E0E
(32,62,14)

#18300B
(24,48,11)

#102208
(16,34,8)

#081405
(8,20,5)

#000000
(0,0,0)

Tints of #58A023

#58A023
(88,160,35)

#67A837
(103,168,55)

#76B04B
(118,176,75)

#85B85F
(133,184,95)

#94C073
(148,192,115)

#A3C887
(163,200,135)

#B2D09B
(178,208,155)

#C1D8AF
(193,216,175)

#D0E0C3
(208,224,195)

#DFE8D7
(223,232,215)

#EEF0EB
(238,240,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #58A023 color. Also use rgb(88,160,35) instead hex code.

Text Font Color

.myTextColor { color: #58A023; }

<p style="color:#58A023">This sample text font color is #58A023.</p>

This text font color is #58A023.

Background Color

.myBgColor { background-color: #58A023; }

<div style="background-color:#58A023">Inner text</div>

This div background color is #58A023.

Border color

.myBorderColor { border: 1px solid #58A023; }

This div border color is #58A023.

Opacity

.myOpacity80 { color: #58A023; opacity: 0.8; }

Text with #58A023 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #58A023;}

This text has shadow with #58A023 color.

.textShadow {text-shadow: 3px 3px 1px #58A023', 3px 3px 1px red;}

This text has shadow with #58A023 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#58A023, Direction=45, Strength=4)}

This text has shadow with #58A023 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #58A023;
-webkit-box-shadow: 1px 1px 3px 2px #58A023;
box-shadow: 1px 1px 3px 2px #58A023;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #58A023; -webkit-box-shadow: 1px 1px 3px 2px #58A023; box-shadow:1px 1px 3px 2px #58A023;">
Div content here
</div>

This div box has shadow with color #58A023.