Цвет #ADDBCC

HEX: #ADDBCC
RGB: (173,219,204)

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

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

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

Цвет #ADDBCC в RGB задается как (173,219,204).

  • Красный цвет имеет значение 173;
  • Зеленый цвет имеет значение 219;
  • Синий цвет имеет значение 204.
RGB:
(173,219,204)
(68%,86%,80%)

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

R 173 из 255 = 68%
G 219 из 255 = 86%
B 204 из 255 = 80%

173
219
204

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

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

R + G + B =
173 + 219 + 204 = 596 (100%)
R 173 из 596 ~ 29.03%
G 219 из 596 ~ 36.74%
B 204 из 596 ~ 34.23%

%29.03
%36.74
%34.23

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

Цвет #ADDBCC в CMYK задается как (21,0,7,14).

  • Сине-зеленый цвет имеет значение 21.00%
  • Пурпурный цвет имеет значение 0.00%
  • Желтый цвет имеет значение 6.85%
  • Ключевой цвет имеет значение 14.12%
CMYK:
(21,0,7,14)
C21M0Y7K14 
(21%,0%,7%,14%)
(0.21/0.00/0.07/0.14)	

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

%21
%0
%6.85
%14.12

Коды цвета

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

ADDBCC
RGB173219204
HSL160°38.98%76.86%
HSB/HSV160°21.00%85.88%
CMYK21.00%0.00%6.85%
14.12%

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

ШестнадцатиричнаяADDBCC
Десятичная173219204
Двоичная101011011101101111001100
Восьмеричная255333314

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

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

#ADDBCC
(173,219,204)
#9EC8BA
(158,200,186)
#8FB5A8
(143,181,168)
#80A296
(128,162,150)
#718F84
(113,143,132)
#627C72
(98,124,114)
#536960
(83,105,96)
#44564E
(68,86,78)
#35433C
(53,67,60)
#26302A
(38,48,42)
#171D18
(23,29,24)
#000000
(0,0,0)

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

#ADDBCC
(173,219,204)
#B4DED0
(180,222,208)
#BBE1D4
(187,225,212)
#C2E4D8
(194,228,216)
#C9E7DC
(201,231,220)
#D0EAE0
(208,234,224)
#D7EDE4
(215,237,228)
#DEF0E8
(222,240,232)
#E5F3EC
(229,243,236)
#ECF6F0
(236,246,240)
#F3F9F4
(243,249,244)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #ADDBCC; }

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

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


Цвет фона

.myBgColor { background-color: #ADDBCC; }

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

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


Цвет границы

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

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

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


Прозрачость

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #ADDBCC;
-webkit-box-shadow: 1px 1px 3px 2px #ADDBCC;
box-shadow:1px 1px 3px 2px #ADDBCC;">
Div content here</div>
Этот div имеет тень цвета #ADDBCC.

Примеры

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

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


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

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



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

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


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

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