COLOR #8ABCAC

HEX: #8ABCAC RGB: (138,188,172)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#8ABCAC contains red, green and blue colors in about the same proportion. Web safe color of #8ABCAC is #99CC99 (or #9C9).

RGB color model

#8ABCAC color RGB value is (138,188,172).

red value is 138;
green value is 188;
blue value is 172.

RGB: (138,188,172) (54%, 74%, 67%)

RGB channels and saturation

R 138 of 255 = 54%
G 188 of 255 = 74%
B 172 of 255 = 67%

138

188

172

R + G + B ~ 65%. #8ABCAC is quite light color.

Portions of RGB colors in percentages

R + G + B = 138 + 188 + 172 = 498 (100%)
R 138 of 498 ~ 27.71%
G 188 of 498 ~ 37.75%
B 172 of 498 ~ 34.54'%

%27.71

%37.75

%34.54

CMYK color model

#8ABCAC color CMYK value is (27,0,9,26).

cyan value is 26.60%
magenta value is 0.00%
yellow value is 8.51%
key color value is 26.27%

CMYK: (27,0,9,26) C27M0Y9K26 (27%,0%,9%,26%) (0.27/0.00/0.09/0.26)

CMYK percentages

%26.6

%8.51

%26.27

Codes

Color #8ABCAC in popluar color models

	8A	BC	AC
RGB	138	188	172
HSL	161°	27.17%	63.92%
HSB/HSV	161°	26.60%	73.73%
CMYK	26.60%	0.00%	8.51%
CMYK	26.27%

Color #8ABCAC in popluar number systems.

HEX	8A	BC	AC
Decimal	138	188	172
Binary	10001010	10111100	10101100
Octal	212	274	254

Shades and tints

Shades of #8ABCAC

#8ABCAC
(138,188,172)

#7EAB9D
(126,171,157)

#729A8E
(114,154,142)

#66897F
(102,137,127)

#5A7870
(90,120,112)

#4E6761
(78,103,97)

#425652
(66,86,82)

#364543
(54,69,67)

#2A3434
(42,52,52)

#1E2325
(30,35,37)

#121216
(18,18,22)

#000000
(0,0,0)

Tints of #8ABCAC

#8ABCAC
(138,188,172)

#94C2B3
(148,194,179)

#9EC8BA
(158,200,186)

#A8CEC1
(168,206,193)

#B2D4C8
(178,212,200)

#BCDACF
(188,218,207)

#C6E0D6
(198,224,214)

#D0E6DD
(208,230,221)

#DAECE4
(218,236,228)

#E4F2EB
(228,242,235)

#EEF8F2
(238,248,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8ABCAC color. Also use rgb(138,188,172) instead hex code.

Text Font Color

.myTextColor { color: #8ABCAC; }

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

This text font color is #8ABCAC.

Background Color

.myBgColor { background-color: #8ABCAC; }

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

This div background color is #8ABCAC.

Border color

.myBorderColor { border: 1px solid #8ABCAC; }

This div border color is #8ABCAC.

Opacity

.myOpacity80 { color: #8ABCAC; opacity: 0.8; }

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

This text has shadow with #8ABCAC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #8ABCAC.