Цвет #ACC4DD

HEX: #ACC4DD RGB: (172,196,221)

Информация о цвете

#ACC4DD содержит красный, зеленый и голубой цвета примерно в одинаковых пропорциях. Для #ACC4DD «безопасным» веб-цветом является #99CCCC (или кратко #9CC).

Цветовая модель RGB

Цвет #ACC4DD в RGB задается как (172,196,221).

RGB: (172,196,221) (67%, 77%, 87%)

Каналы в RGB и насыщенность

R 172 из 255 = 67%
G 196 из 255 = 77%
B 221 из 255 = 87%

172
196
221

R + G + B ~ 77%. #ACC4DD достаточно светлый цвет.

Соотношение цветов в процентах

R + G + B = 172 + 196 + 221 = 589 (100%)
R 172 из 589 ~ 29.2%
G 196 из 589 ~ 33.28%
B 221 из 589 ~ 37.52'%

%29.2
%33.28
%37.52

Цветовая модель CMYK

Цвет #ACC4DD в CMYK задается как (22,11,0,13).

  • Сине-зеленый цвет имеет значение 22.17%
  • Пурпурный цвет имеет значение 11.31%
  • Желтый цвет имеет значение 0.00%
  • Ключевой цвет имеет значение 13.33%

CMYK: (22,11,0,13)
C22M11Y0K13 (22%, 11%, 0%, 13%)
(0.22 / 0.11 / 0.00 / 0.13)

Каналы CMYK в процентах

%22.17
%11.31
%0
%13.33

Коды цвета

Цвет #ACC4DD в популярных цветовых моделях.

AC C4 DD
RGB 172 196 221
HSL 211° 41.88% 77.06%
HSB/HSV 211° 22.17% 86.67%
CMYK 22.17% 11.31% 0.00%
13.33%

Цвет #ACC4DD в популярных системах счисления.

Шестнадцатиричная AC C4 DD
Десятичная 172 196 221
Двоичная 10101100 11000100 11011101
Восьмеричная 254 304 335

Оттенки цвета

Темные тона цвета #ACC4DD

#ACC4DD
(172,196,221)
#9DB3C9
(157,179,201)
#8EA2B5
(142,162,181)
#7F91A1
(127,145,161)
#70808D
(112,128,141)
#616F79
(97,111,121)
#525E65
(82,94,101)
#434D51
(67,77,81)
#343C3D
(52,60,61)
#252B29
(37,43,41)
#161A15
(22,26,21)
#000000
(0,0,0)

Светлые тона цвета #ACC4DD

#ACC4DD
(172,196,221)
#B3C9E0
(179,201,224)
#BACEE3
(186,206,227)
#C1D3E6
(193,211,230)
#C8D8E9
(200,216,233)
#CFDDEC
(207,221,236)
#D6E2EF
(214,226,239)
#DDE7F2
(221,231,242)
#E4ECF5
(228,236,245)
#EBF1F8
(235,241,248)
#F2F6FB
(242,246,251)
#FFFFFF
(255,255,255)

Стили css3

Примеры css и html кодов для элементов с цветом #ACC4DD. Используйте также rgb(172,196,221) вместо hex-кода.

Цвет текста

.myTextColor { color: #ACC4DD; }

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

Цвет этого текста #ACC4DD.

Цвет фона

.myBgColor { background-color: #ACC4DD; }

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

Этот div имеет фон #ACC4DD цвета.

Цвет границы

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

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

Этот div имеет границы #ACC4DD цвета.

Прозрачость

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

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

Текст с цветом #ACC4DD и прозрачностью 100% | 80% | 50% | 30%.

Фон с уровнем прозрачности 100%.
Фон с уровнем прозрачности 80%.
Фон с уровнем прозрачности 50%.
Фон с уровнем прозрачности 30%.

Цвет тени от текста

.textShadow {text-shadow: 3px 3px 1px #ACC4DD;}

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

Этот текст имеет тень цвета #ACC4DD.


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

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

Этот текст имеет тень с основным цветом #ACC4DD и красным дополнительным цветом.


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

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

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

Цвет тени от элемента div

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

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

Этот div имеет тень цвета #ACC4DD.

Примеры

Пример цвета на черном фоне

Этот текст цвета #ACC4DD на черном фоне.


Пример цвета на белом фоне

Этот текст цвета #ACC4DD на белом фоне.


Пример черного текста на фоне цвета #ACC4DD

Этот текст черного цвета на фоне цвета #ACC4DD.


Пример белого текста на фоне цвета #ACC4DD

Этот текст белого цвета на фоне цвета #ACC4DD.


Похожие цвета

Контрастный цвет

Контрастным цветом для #hex является #533B22.


I love getcolorcode.com

Триада цветов

1 #DDACC4 и #C4DDAC в сочетании с #ACC4DD составляют триаду цветов.

2 #DDC4AC и #C4ACDD в сочетании с #ACC4DD составляют триаду цветов.