Color #4ABDA2

Color info

#4ABDA2 contains mainly green and blue colors. Web safe color of #4ABDA2 is #33CC99 (or #3C9).

RGB color model

#4ABDA2 color RGB value is (74,189,162).

red value is 74;
green value is 189;
blue value is 162.

RGB: (74,189,162) (29%, 74%, 64%)

RGB channels and saturation

R 74 of 255 = 29%
G 189 of 255 = 74%
B 162 of 255 = 64%

74

189

162

R + G + B ~ 56%. #4ABDA2 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 74 + 189 + 162 = 425 (100%)
R 74 of 425 ~ 17.41%
G 189 of 425 ~ 44.47%
B 162 of 425 ~ 38.12'%

%17.41

%44.47

%38.12

CMYK color model

#4ABDA2 color CMYK value is (61,0,14,26).

cyan value is 60.85%
magenta value is 0.00%
yellow value is 14.29%
key color value is 25.88%

CMYK: (61,0,14,26)
C61M0Y14K26 (61%, 0%, 14%, 26%)
(0.61 / 0.00 / 0.14 / 0.26)

CMYK percentages

%60.85

%0

%14.29

%25.88

Codes

Color #4ABDA2 in popluar color models

	4A	BD	A2
RGB	74	189	162
HSL	166°	46.56%	51.57%
HSB/HSV	166°	60.85%	74.12%
CMYK	60.85%	0.00%	14.29%
CMYK	25.88%

Color #4ABDA2 in popluar number systems.

HEX	4A	BD	A2
Decimal	74	189	162
Binary	1001010	10111101	10100010
Octal	112	275	242

Shades and tints

Shades of #4ABDA2

#4ABDA2
(74,189,162)

#44AC94
(68,172,148)

#3E9B86
(62,155,134)

#388A78
(56,138,120)

#32796A
(50,121,106)

#2C685C
(44,104,92)

#26574E
(38,87,78)

#204640
(32,70,64)

#1A3532
(26,53,50)

#142424
(20,36,36)

#0E1316
(14,19,22)

#000000
(0,0,0)

Tints of #4ABDA2

#4ABDA2
(74,189,162)

#5AC3AA
(90,195,170)

#6AC9B2
(106,201,178)

#7ACFBA
(122,207,186)

#8AD5C2
(138,213,194)

#9ADBCA
(154,219,202)

#AAE1D2
(170,225,210)

#BAE7DA
(186,231,218)

#CAEDE2
(202,237,226)

#DAF3EA
(218,243,234)

#EAF9F2
(234,249,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4ABDA2 color. Also use rgb(74,189,162) instead hex code.

Text Font Color

.myTextColor { color: #4ABDA2; }

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

This text font color is #4ABDA2.

Background Color

.myBgColor { background-color: #4ABDA2; }

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

This div background color is #4ABDA2.

Border color

.myBorderColor { border: 1px solid #4ABDA2; }

This div border color is #4ABDA2.

Opacity

.myOpacity80 { color: #4ABDA2; opacity: 0.8; }

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

This text has shadow with #4ABDA2 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4ABDA2.