COLOR #589785

HEX: #589785 RGB: (88,151,133)

Color info

#589785 contains mainly green and blue colors. Web safe color of #589785 is #669999 (or #699).

RGB color model

#589785 color RGB value is (88,151,133).

RGB: (88,151,133) (35%, 59%, 52%)

RGB channels and saturation

R 88 of 255 = 35%
G 151 of 255 = 59%
B 133 of 255 = 52%

88
151
133

R + G + B ~ 49%. #589785 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 88 + 151 + 133 = 372 (100%)
R 88 of 372 ~ 23.66%
G 151 of 372 ~ 40.59%
B 133 of 372 ~ 35.75'%

%23.66
%40.59
%35.75

CMYK color model

#589785 color CMYK value is (42,0,12,41).

  • cyan value is 41.72%
  • magenta value is 0.00%
  • yellow value is 11.92%
  • key color value is 40.78%
CMYK: (42,0,12,41) C42M0Y12K41 (42%,0%,12%,41%) (0.42/0.00/0.12/0.41) 

CMYK percentages

%41.72
%0
%11.92
%40.78

Codes

Color #589785 in popluar color models

58 97 85
RGB 88 151 133
HSL 163° 26.36% 46.86%
HSB/HSV 163° 41.72% 59.22%
CMYK 41.72% 0.00% 11.92%
40.78%

Color #589785 in popluar number systems.

HEX 58 97 85
Decimal 88 151 133
Binary 1011000 10010111 10000101
Octal 130 227 205

Shades and tints

Shades of #589785

#589785
(88,151,133)
#508A79
(80,138,121)
#487D6D
(72,125,109)
#407061
(64,112,97)
#386355
(56,99,85)
#305649
(48,86,73)
#28493D
(40,73,61)
#203C31
(32,60,49)
#182F25
(24,47,37)
#102219
(16,34,25)
#08150D
(8,21,13)
#000000
(0,0,0)

Tints of #589785

#589785
(88,151,133)
#67A090
(103,160,144)
#76A99B
(118,169,155)
#85B2A6
(133,178,166)
#94BBB1
(148,187,177)
#A3C4BC
(163,196,188)
#B2CDC7
(178,205,199)
#C1D6D2
(193,214,210)
#D0DFDD
(208,223,221)
#DFE8E8
(223,232,232)
#EEF1F3
(238,241,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #589785 color. Also use rgb(88,151,133) instead hex code.

Text Font Color

.myTextColor { color: #589785; }

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

This text font color is #589785.

Background Color

.myBgColor { background-color: #589785; }

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

This div background color is #589785.

Border color

.myBorderColor { border: 1px solid #589785; }

<div style="border:3px solid #589785">Div</div>

This div border color is #589785.

Opacity

.myOpacity80 { color: #589785; opacity: 0.8; }

<p style="color:#589785;opacity:0.8;">80%</p>

Text with #589785 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 #589785;}

<p style="text-shadow: 3px 3px 1px #589785">Text here.</p>

This text has shadow with #589785 color.


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

<p style="text-shadow: 3px 3px 1px #589785, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#589785, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #589785.

Preview

Color preview on black background

This text has color #589785 on black background.


Color preview on white background

This text has color #589785 on white background.


Black color preview on #589785 background

This text has black color on #589785 background.


White color preview on #589785 background

This text has white color on #589785 background.


Related colors

Complementary color

Complementary color for #hex is #A7687A.


I love getcolorcode.com

Triadic colors

1 #855897 and #978558 with #589785 are triadic colors.

2 #859758 and #975885 with #589785 are triadic colors.