Color #ACE1FD

Color info

#ACE1FD contains mainly green and blue colors. Web safe color of #ACE1FD is #99CCFF (or #9CF).

RGB color model

#ACE1FD color RGB value is (172,225,253).

red value is 172;
green value is 225;
blue value is 253.

RGB: (172,225,253) (67%, 88%, 99%)

RGB channels and saturation

R 172 of 255 = 67%
G 225 of 255 = 88%
B 253 of 255 = 99%

172

225

253

R + G + B ~ 85%. #ACE1FD is quite light color.

Portions of RGB colors in percentages

R + G + B = 172 + 225 + 253 = 650 (100%)
R 172 of 650 ~ 26.46%
G 225 of 650 ~ 34.62%
B 253 of 650 ~ 38.92'%

%26.46

%34.62

%38.92

CMYK color model

#ACE1FD color CMYK value is (32,11,0,1).

cyan value is 32.02%
magenta value is 11.07%
yellow value is 0.00%
key color value is 0.78%

CMYK: (32,11,0,1)
C32M11Y0K1 (32%, 11%, 0%, 1%)
(0.32 / 0.11 / 0.00 / 0.01)

CMYK percentages

%32.02

%11.07

%0

%0.78

Codes

Color #ACE1FD in popluar color models

	AC	E1	FD
RGB	172	225	253
HSL	201°	95.29%	83.33%
HSB/HSV	201°	32.02%	99.22%
CMYK	32.02%	11.07%	0.00%
CMYK	0.78%

Color #ACE1FD in popluar number systems.

HEX	AC	E1	FD
Decimal	172	225	253
Binary	10101100	11100001	11111101
Octal	254	341	375

Shades and tints

Shades of #ACE1FD

#ACE1FD
(172,225,253)

#9DCDE6
(157,205,230)

#8EB9CF
(142,185,207)

#7FA5B8
(127,165,184)

#7091A1
(112,145,161)

#617D8A
(97,125,138)

#526973
(82,105,115)

#43555C
(67,85,92)

#344145
(52,65,69)

#252D2E
(37,45,46)

#161917
(22,25,23)

#000000
(0,0,0)

Tints of #ACE1FD

#ACE1FD
(172,225,253)

#B3E3FD
(179,227,253)

#BAE5FD
(186,229,253)

#C1E7FD
(193,231,253)

#C8E9FD
(200,233,253)

#CFEBFD
(207,235,253)

#D6EDFD
(214,237,253)

#DDEFFD
(221,239,253)

#E4F1FD
(228,241,253)

#EBF3FD
(235,243,253)

#F2F5FD
(242,245,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACE1FD color. Also use rgb(172,225,253) instead hex code.

Text Font Color

.myTextColor { color: #ACE1FD; }

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

This text font color is #ACE1FD.

Background Color

.myBgColor { background-color: #ACE1FD; }

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

This div background color is #ACE1FD.

Border color

.myBorderColor { border: 1px solid #ACE1FD; }

This div border color is #ACE1FD.

Opacity

.myOpacity80 { color: #ACE1FD; opacity: 0.8; }

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

This text has shadow with #ACE1FD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ACE1FD.