COLOR #ACDFF3

HEX: #ACDFF3 RGB: (172,223,243)

Color info

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

RGB color model

#ACDFF3 color RGB value is (172,223,243).

RGB: (172,223,243) (67%, 87%, 95%)

RGB channels and saturation

R 172 of 255 = 67%
G 223 of 255 = 87%
B 243 of 255 = 95%

172
223
243

R + G + B ~ 83%. #ACDFF3 is quite light color.

Portions of RGB colors in percentages

R + G + B = 172 + 223 + 243 = 638 (100%)
R 172 of 638 ~ 26.96%
G 223 of 638 ~ 34.95%
B 243 of 638 ~ 38.09'%

%26.96
%34.95
%38.09

CMYK color model

#ACDFF3 color CMYK value is (29,8,0,5).

  • cyan value is 29.22%
  • magenta value is 8.23%
  • yellow value is 0.00%
  • key color value is 4.71%

CMYK: (29,8,0,5)
C29M8Y0K5 (29%, 8%, 0%, 5%)
(0.29 / 0.08 / 0.00 / 0.05)

CMYK percentages

%29.22
%8.23
%0
%4.71

Codes

Color #ACDFF3 in popluar color models

AC DF F3
RGB 172 223 243
HSL 197° 74.74% 81.37%
HSB/HSV 197° 29.22% 95.29%
CMYK 29.22% 8.23% 0.00%
4.71%

Color #ACDFF3 in popluar number systems.

HEX AC DF F3
Decimal 172 223 243
Binary 10101100 11011111 11110011
Octal 254 337 363

Shades and tints

Shades of #ACDFF3

#ACDFF3
(172,223,243)
#9DCBDD
(157,203,221)
#8EB7C7
(142,183,199)
#7FA3B1
(127,163,177)
#708F9B
(112,143,155)
#617B85
(97,123,133)
#52676F
(82,103,111)
#435359
(67,83,89)
#343F43
(52,63,67)
#252B2D
(37,43,45)
#161717
(22,23,23)
#000000
(0,0,0)

Tints of #ACDFF3

#ACDFF3
(172,223,243)
#B3E1F4
(179,225,244)
#BAE3F5
(186,227,245)
#C1E5F6
(193,229,246)
#C8E7F7
(200,231,247)
#CFE9F8
(207,233,248)
#D6EBF9
(214,235,249)
#DDEDFA
(221,237,250)
#E4EFFB
(228,239,251)
#EBF1FC
(235,241,252)
#F2F3FD
(242,243,253)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ACDFF3 color. Also use rgb(172,223,243) instead hex code.

Text Font Color

.myTextColor { color: #ACDFF3; }

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

This text font color is #ACDFF3.

Background Color

.myBgColor { background-color: #ACDFF3; }

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

This div background color is #ACDFF3.

Border color

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

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

This div border color is #ACDFF3.

Opacity

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

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

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

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

This text has shadow with #ACDFF3 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #ACDFF3.

Preview

Color preview on black background

This text has color #ACDFF3 on black background.


Color preview on white background

This text has color #ACDFF3 on white background.


Black color preview on #ACDFF3 background

This text has black color on #ACDFF3 background.


White color preview on #ACDFF3 background

This text has white color on #ACDFF3 background.


Related colors

Complementary color

Complementary color for #hex is #53200C.


I love getcolorcode.com

Triadic colors

1 #F3ACDF and #DFF3AC with #ACDFF3 are triadic colors.

2 #F3DFAC and #DFACF3 with #ACDFF3 are triadic colors.