COLOR #55B689

HEX: #55B689 RGB: (85,182,137)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#55B689 contains mainly green and blue colors. Web safe color of #55B689 is #66CC99 (or #6C9).

RGB color model

#55B689 color RGB value is (85,182,137).

red value is 85;
green value is 182;
blue value is 137.

RGB: (85,182,137) (33%, 71%, 54%)

RGB channels and saturation

R 85 of 255 = 33%
G 182 of 255 = 71%
B 137 of 255 = 54%

182

137

R + G + B ~ 53%. #55B689 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 85 + 182 + 137 = 404 (100%)
R 85 of 404 ~ 21.04%
G 182 of 404 ~ 45.05%
B 137 of 404 ~ 33.91'%

%21.04

%45.05

%33.91

CMYK color model

#55B689 color CMYK value is (53,0,25,29).

cyan value is 53.30%
magenta value is 0.00%
yellow value is 24.73%
key color value is 28.63%

CMYK: (53,0,25,29) C53M0Y25K29 (53%,0%,25%,29%) (0.53/0.00/0.25/0.29)

CMYK percentages

%53.3

%24.73

%28.63

Codes

Color #55B689 in popluar color models

	55	B6	89
RGB	85	182	137
HSL	152°	39.92%	52.35%
HSB/HSV	152°	53.30%	71.37%
CMYK	53.30%	0.00%	24.73%
CMYK	28.63%

Color #55B689 in popluar number systems.

HEX	55	B6	89
Decimal	85	182	137
Binary	1010101	10110110	10001001
Octal	125	266	211

Shades and tints

Shades of #55B689

#55B689
(85,182,137)

#4EA67D
(78,166,125)

#479671
(71,150,113)

#408665
(64,134,101)

#397659
(57,118,89)

#32664D
(50,102,77)

#2B5641
(43,86,65)

#244635
(36,70,53)

#1D3629
(29,54,41)

#16261D
(22,38,29)

#0F1611
(15,22,17)

#000000
(0,0,0)

Tints of #55B689

#55B689
(85,182,137)

#64BC93
(100,188,147)

#73C29D
(115,194,157)

#82C8A7
(130,200,167)

#91CEB1
(145,206,177)

#A0D4BB
(160,212,187)

#AFDAC5
(175,218,197)

#BEE0CF
(190,224,207)

#CDE6D9
(205,230,217)

#DCECE3
(220,236,227)

#EBF2ED
(235,242,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55B689 color. Also use rgb(85,182,137) instead hex code.

Text Font Color

.myTextColor { color: #55B689; }

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

This text font color is #55B689.

Background Color

.myBgColor { background-color: #55B689; }

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

This div background color is #55B689.

Border color

.myBorderColor { border: 1px solid #55B689; }

This div border color is #55B689.

Opacity

.myOpacity80 { color: #55B689; opacity: 0.8; }

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

This text has shadow with #55B689 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #55B689.