COLOR #84A8FD

HEX: #84A8FD RGB: (132,168,253)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#84A8FD contains mainly blue color. Web safe color of #84A8FD is #9999FF (or #99F).

RGB color model

#84A8FD color RGB value is (132,168,253).

red value is 132;
green value is 168;
blue value is 253.

RGB: (132,168,253) (52%, 66%, 99%)

RGB channels and saturation

R 132 of 255 = 52%
G 168 of 255 = 66%
B 253 of 255 = 99%

132

168

253

R + G + B ~ 72%. #84A8FD is quite light color.

Portions of RGB colors in percentages

R + G + B = 132 + 168 + 253 = 553 (100%)
R 132 of 553 ~ 23.87%
G 168 of 553 ~ 30.38%
B 253 of 553 ~ 45.75'%

%23.87

%30.38

%45.75

CMYK color model

#84A8FD color CMYK value is (48,34,0,1).

cyan value is 47.83%
magenta value is 33.60%
yellow value is 0.00%
key color value is 0.78%

CMYK: (48,34,0,1) C48M34Y0K1 (48%,34%,0%,1%) (0.48/0.34/0.00/0.01)

CMYK percentages

%47.83

%33.6

%0.78

Codes

Color #84A8FD in popluar color models

	84	A8	FD
RGB	132	168	253
HSL	222°	96.80%	75.49%
HSB/HSV	222°	47.83%	99.22%
CMYK	47.83%	33.60%	0.00%
CMYK	0.78%

Color #84A8FD in popluar number systems.

HEX	84	A8	FD
Decimal	132	168	253
Binary	10000100	10101000	11111101
Octal	204	250	375

Shades and tints

Shades of #84A8FD

#84A8FD
(132,168,253)

#7899E6
(120,153,230)

#6C8ACF
(108,138,207)

#607BB8
(96,123,184)

#546CA1
(84,108,161)

#485D8A
(72,93,138)

#3C4E73
(60,78,115)

#303F5C
(48,63,92)

#243045
(36,48,69)

#18212E
(24,33,46)

#0C1217
(12,18,23)

#000000
(0,0,0)

Tints of #84A8FD

#84A8FD
(132,168,253)

#8FAFFD
(143,175,253)

#9AB6FD
(154,182,253)

#A5BDFD
(165,189,253)

#B0C4FD
(176,196,253)

#BBCBFD
(187,203,253)

#C6D2FD
(198,210,253)

#D1D9FD
(209,217,253)

#DCE0FD
(220,224,253)

#E7E7FD
(231,231,253)

#F2EEFD
(242,238,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #84A8FD color. Also use rgb(132,168,253) instead hex code.

Text Font Color

.myTextColor { color: #84A8FD; }

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

This text font color is #84A8FD.

Background Color

.myBgColor { background-color: #84A8FD; }

<div style="background-color:#84A8FD">Inner text</div>

This div background color is #84A8FD.

Border color

.myBorderColor { border: 1px solid #84A8FD; }

This div border color is #84A8FD.

Opacity

.myOpacity80 { color: #84A8FD; opacity: 0.8; }

Text with #84A8FD 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 #84A8FD;}

This text has shadow with #84A8FD color.

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

This text has shadow with #84A8FD primary color and red secondary color.

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

This text has shadow with #84A8FD and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #84A8FD.