COLOR #ACAED5

HEX: #ACAED5 RGB: (172,174,213)

Color info

#ACAED5 contains red, green and blue colors in about the same proportion. Web safe color of #ACAED5 is #9999CC (or #99C).

RGB color model

#ACAED5 color RGB value is (172,174,213).

RGB: (172,174,213) (67%, 68%, 84%)

RGB channels and saturation

R 172 of 255 = 67%
G 174 of 255 = 68%
B 213 of 255 = 84%

172
174
213

R + G + B ~ 73%. #ACAED5 is quite light color.

Portions of RGB colors in percentages

R + G + B = 172 + 174 + 213 = 559 (100%)
R 172 of 559 ~ 30.77%
G 174 of 559 ~ 31.13%
B 213 of 559 ~ 38.1'%

%30.77
%31.13
%38.1

CMYK color model

#ACAED5 color CMYK value is (19,18,0,16).

  • cyan value is 19.25%
  • magenta value is 18.31%
  • yellow value is 0.00%
  • key color value is 16.47%

CMYK: (19,18,0,16)
C19M18Y0K16 (19%, 18%, 0%, 16%)
(0.19 / 0.18 / 0.00 / 0.16)

CMYK percentages

%19.25
%18.31
%0
%16.47

Codes

Color #ACAED5 in popluar color models

AC AE D5
RGB 172 174 213
HSL 237° 32.80% 75.49%
HSB/HSV 237° 19.25% 83.53%
CMYK 19.25% 18.31% 0.00%
16.47%

Color #ACAED5 in popluar number systems.

HEX AC AE D5
Decimal 172 174 213
Binary 10101100 10101110 11010101
Octal 254 256 325

Shades and tints

Shades of #ACAED5

#ACAED5
(172,174,213)
#9D9FC2
(157,159,194)
#8E90AF
(142,144,175)
#7F819C
(127,129,156)
#707289
(112,114,137)
#616376
(97,99,118)
#525463
(82,84,99)
#434550
(67,69,80)
#34363D
(52,54,61)
#25272A
(37,39,42)
#161817
(22,24,23)
#000000
(0,0,0)

Tints of #ACAED5

#ACAED5
(172,174,213)
#B3B5D8
(179,181,216)
#BABCDB
(186,188,219)
#C1C3DE
(193,195,222)
#C8CAE1
(200,202,225)
#CFD1E4
(207,209,228)
#D6D8E7
(214,216,231)
#DDDFEA
(221,223,234)
#E4E6ED
(228,230,237)
#EBEDF0
(235,237,240)
#F2F4F3
(242,244,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACAED5 color. Also use rgb(172,174,213) instead hex code.

Text Font Color

.myTextColor { color: #ACAED5; }

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

This text font color is #ACAED5.

Background Color

.myBgColor { background-color: #ACAED5; }

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

This div background color is #ACAED5.

Border color

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

<div style="border:3px solid #ACAED5">Div</div>

This div border color is #ACAED5.

Opacity

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

<p style="color:#ACAED5;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #ACAED5">Text here.</p>

This text has shadow with #ACAED5 color.


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

<p style="text-shadow: 3px 3px 1px #ACAED5, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#ACAED5, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #ACAED5.

Preview

Color preview on black background

This text has color #ACAED5 on black background.


Color preview on white background

This text has color #ACAED5 on white background.


Black color preview on #ACAED5 background

This text has black color on #ACAED5 background.


White color preview on #ACAED5 background

This text has white color on #ACAED5 background.


Related colors

Complementary color

Complementary color for #hex is #53512A.


I love getcolorcode.com

Triadic colors

1 #D5ACAE and #AED5AC with #ACAED5 are triadic colors.

2 #D5AEAC and #AEACD5 with #ACAED5 are triadic colors.