Color #52AABC

Color info

#52AABC contains mainly green and blue colors. Web safe color of #52AABC is #6699CC (or #69C).

RGB color model

#52AABC color RGB value is (82,170,188).

red value is 82;
green value is 170;
blue value is 188.

RGB: (82,170,188) (32%, 67%, 74%)

RGB channels and saturation

R 82 of 255 = 32%
G 170 of 255 = 67%
B 188 of 255 = 74%

82

170

188

R + G + B ~ 58%. #52AABC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 82 + 170 + 188 = 440 (100%)
R 82 of 440 ~ 18.64%
G 170 of 440 ~ 38.64%
B 188 of 440 ~ 42.73'%

%18.64

%38.64

%42.73

CMYK color model

#52AABC color CMYK value is (56,10,0,26).

cyan value is 56.38%
magenta value is 9.57%
yellow value is 0.00%
key color value is 26.27%

CMYK: (56,10,0,26)
C56M10Y0K26 (56%, 10%, 0%, 26%)
(0.56 / 0.10 / 0.00 / 0.26)

CMYK percentages

%56.38

%9.57

%0

%26.27

Codes

Color #52AABC in popluar color models

	52	AA	BC
RGB	82	170	188
HSL	190°	44.17%	52.94%
HSB/HSV	190°	56.38%	73.73%
CMYK	56.38%	9.57%	0.00%
CMYK	26.27%

Color #52AABC in popluar number systems.

HEX	52	AA	BC
Decimal	82	170	188
Binary	1010010	10101010	10111100
Octal	122	252	274

Shades and tints

Shades of #52AABC

#52AABC
(82,170,188)

#4B9BAB
(75,155,171)

#448C9A
(68,140,154)

#3D7D89
(61,125,137)

#366E78
(54,110,120)

#2F5F67
(47,95,103)

#285056
(40,80,86)

#214145
(33,65,69)

#1A3234
(26,50,52)

#132323
(19,35,35)

#0C1412
(12,20,18)

#000000
(0,0,0)

Tints of #52AABC

#52AABC
(82,170,188)

#61B1C2
(97,177,194)

#70B8C8
(112,184,200)

#7FBFCE
(127,191,206)

#8EC6D4
(142,198,212)

#9DCDDA
(157,205,218)

#ACD4E0
(172,212,224)

#BBDBE6
(187,219,230)

#CAE2EC
(202,226,236)

#D9E9F2
(217,233,242)

#E8F0F8
(232,240,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #52AABC color. Also use rgb(82,170,188) instead hex code.

Text Font Color

.myTextColor { color: #52AABC; }

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

This text font color is #52AABC.

Background Color

.myBgColor { background-color: #52AABC; }

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

This div background color is #52AABC.

Border color

.myBorderColor { border: 1px solid #52AABC; }

This div border color is #52AABC.

Opacity

.myOpacity80 { color: #52AABC; opacity: 0.8; }

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

This text has shadow with #52AABC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #52AABC.