Color #53ABFD

Color info

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

RGB color model

#53ABFD color RGB value is (83,171,253).

red value is 83;
green value is 171;
blue value is 253.

RGB: (83,171,253) (33%, 67%, 99%)

RGB channels and saturation

R 83 of 255 = 33%
G 171 of 255 = 67%
B 253 of 255 = 99%

83

171

253

R + G + B ~ 66%. #53ABFD is quite light color.

Portions of RGB colors in percentages

R + G + B = 83 + 171 + 253 = 507 (100%)
R 83 of 507 ~ 16.37%
G 171 of 507 ~ 33.73%
B 253 of 507 ~ 49.9'%

%16.37

%33.73

%49.9

CMYK color model

#53ABFD color CMYK value is (67,32,0,1).

cyan value is 67.19%
magenta value is 32.41%
yellow value is 0.00%
key color value is 0.78%

CMYK: (67,32,0,1)
C67M32Y0K1 (67%, 32%, 0%, 1%)
(0.67 / 0.32 / 0.00 / 0.01)

CMYK percentages

%67.19

%32.41

%0

%0.78

Codes

Color #53ABFD in popluar color models

	53	AB	FD
RGB	83	171	253
HSL	209°	97.70%	65.88%
HSB/HSV	209°	67.19%	99.22%
CMYK	67.19%	32.41%	0.00%
CMYK	0.78%

Color #53ABFD in popluar number systems.

HEX	53	AB	FD
Decimal	83	171	253
Binary	1010011	10101011	11111101
Octal	123	253	375

Shades and tints

Shades of #53ABFD

#53ABFD
(83,171,253)

#4C9CE6
(76,156,230)

#458DCF
(69,141,207)

#3E7EB8
(62,126,184)

#376FA1
(55,111,161)

#30608A
(48,96,138)

#295173
(41,81,115)

#22425C
(34,66,92)

#1B3345
(27,51,69)

#14242E
(20,36,46)

#0D1517
(13,21,23)

#000000
(0,0,0)

Tints of #53ABFD

#53ABFD
(83,171,253)

#62B2FD
(98,178,253)

#71B9FD
(113,185,253)

#80C0FD
(128,192,253)

#8FC7FD
(143,199,253)

#9ECEFD
(158,206,253)

#ADD5FD
(173,213,253)

#BCDCFD
(188,220,253)

#CBE3FD
(203,227,253)

#DAEAFD
(218,234,253)

#E9F1FD
(233,241,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #53ABFD color. Also use rgb(83,171,253) instead hex code.

Text Font Color

.myTextColor { color: #53ABFD; }

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

This text font color is #53ABFD.

Background Color

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

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

This div background color is #53ABFD.

Border color

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

This div border color is #53ABFD.

Opacity

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

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

This text has shadow with #53ABFD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #53ABFD.