Цвет #ADD4DB

HEX: #ADD4DB
RGB: (173,212,219)

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

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

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

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

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

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

R 173 из 255 = 68%
G 212 из 255 = 83%
B 219 из 255 = 86%

173
212
219

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

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

R + G + B =
173 + 212 + 219 = 604 (100%)
R 173 из 604 ~ 28.64%
G 212 из 604 ~ 35.1%
B 219 из 604 ~ 36.26%

%28.64
%35.1
%36.26

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

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

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

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

%21
%3.2
%0
%14.12

Коды цвета

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

ADD4DB
RGB173212219
HSL189°38.98%76.86%
HSB/HSV189°21.00%85.88%
CMYK21.00%3.20%0.00%
14.12%

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

ШестнадцатиричнаяADD4DB
Десятичная173212219
Двоичная101011011101010011011011
Восьмеричная255324333

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

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

#ADD4DB
(173,212,219)
#9EC1C8
(158,193,200)
#8FAEB5
(143,174,181)
#809BA2
(128,155,162)
#71888F
(113,136,143)
#62757C
(98,117,124)
#536269
(83,98,105)
#444F56
(68,79,86)
#353C43
(53,60,67)
#262930
(38,41,48)
#17161D
(23,22,29)
#000000
(0,0,0)

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

#ADD4DB
(173,212,219)
#B4D7DE
(180,215,222)
#BBDAE1
(187,218,225)
#C2DDE4
(194,221,228)
#C9E0E7
(201,224,231)
#D0E3EA
(208,227,234)
#D7E6ED
(215,230,237)
#DEE9F0
(222,233,240)
#E5ECF3
(229,236,243)
#ECEFF6
(236,239,246)
#F3F2F9
(243,242,249)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #ADD4DB; }

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

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


Цвет фона

.myBgColor { background-color: #ADD4DB; }

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

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


Цвет границы

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

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

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


Прозрачость

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

Примеры

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

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


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

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



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

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


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

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