Color #53AEEC

Color info

#53AEEC contains mainly blue color. Web safe color of #53AEEC is #6699FF (or #69F).

RGB color model

#53AEEC color RGB value is (83,174,236).

red value is 83;
green value is 174;
blue value is 236.

RGB: (83,174,236) (33%, 68%, 93%)

RGB channels and saturation

R 83 of 255 = 33%
G 174 of 255 = 68%
B 236 of 255 = 93%

83

174

236

R + G + B ~ 65%. #53AEEC is quite light color.

Portions of RGB colors in percentages

R + G + B = 83 + 174 + 236 = 493 (100%)
R 83 of 493 ~ 16.84%
G 174 of 493 ~ 35.29%
B 236 of 493 ~ 47.87'%

%16.84

%35.29

%47.87

CMYK color model

#53AEEC color CMYK value is (65,26,0,7).

cyan value is 64.83%
magenta value is 26.27%
yellow value is 0.00%
key color value is 7.45%

CMYK: (65,26,0,7)
C65M26Y0K7 (65%, 26%, 0%, 7%)
(0.65 / 0.26 / 0.00 / 0.07)

CMYK percentages

%64.83

%26.27

%0

%7.45

Codes

Color #53AEEC in popluar color models

	53	AE	EC
RGB	83	174	236
HSL	204°	80.10%	62.55%
HSB/HSV	204°	64.83%	92.55%
CMYK	64.83%	26.27%	0.00%
CMYK	7.45%

Color #53AEEC in popluar number systems.

HEX	53	AE	EC
Decimal	83	174	236
Binary	1010011	10101110	11101100
Octal	123	256	354

Shades and tints

Shades of #53AEEC

#53AEEC
(83,174,236)

#4C9FD7
(76,159,215)

#4590C2
(69,144,194)

#3E81AD
(62,129,173)

#377298
(55,114,152)

#306383
(48,99,131)

#29546E
(41,84,110)

#224559
(34,69,89)

#1B3644
(27,54,68)

#14272F
(20,39,47)

#0D181A
(13,24,26)

#000000
(0,0,0)

Tints of #53AEEC

#53AEEC
(83,174,236)

#62B5ED
(98,181,237)

#71BCEE
(113,188,238)

#80C3EF
(128,195,239)

#8FCAF0
(143,202,240)

#9ED1F1
(158,209,241)

#ADD8F2
(173,216,242)

#BCDFF3
(188,223,243)

#CBE6F4
(203,230,244)

#DAEDF5
(218,237,245)

#E9F4F6
(233,244,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #53AEEC color. Also use rgb(83,174,236) instead hex code.

Text Font Color

.myTextColor { color: #53AEEC; }

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

This text font color is #53AEEC.

Background Color

.myBgColor { background-color: #53AEEC; }

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

This div background color is #53AEEC.

Border color

.myBorderColor { border: 1px solid #53AEEC; }

This div border color is #53AEEC.

Opacity

.myOpacity80 { color: #53AEEC; opacity: 0.8; }

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

This text has shadow with #53AEEC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #53AEEC.