Цвет #ADE5BB

HEX: #ADE5BB RGB: (173,229,187)

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

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

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

Цвет #ADE5BB в RGB задается как (173,229,187).

RGB: (173,229,187) (68%, 90%, 73%)

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

R 173 из 255 = 68%
G 229 из 255 = 90%
B 187 из 255 = 73%

173
229
187

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

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

R + G + B = 173 + 229 + 187 = 589 (100%)
R 173 из 589 ~ 29.37%
G 229 из 589 ~ 38.88%
B 187 из 589 ~ 31.75'%

%29.37
%38.88
%31.75

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

Цвет #ADE5BB в CMYK задается как (24,0,18,10).

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

CMYK: (24,0,18,10)
C24M0Y18K10 (24%, 0%, 18%, 10%)
(0.24 / 0.00 / 0.18 / 0.10)

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

%24.45
%0
%18.34
%10.2

Коды цвета

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

AD E5 BB
RGB 173 229 187
HSL 135° 51.85% 78.82%
HSB/HSV 135° 24.45% 89.80%
CMYK 24.45% 0.00% 18.34%
10.20%

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

Шестнадцатиричная AD E5 BB
Десятичная 173 229 187
Двоичная 10101101 11100101 10111011
Восьмеричная 255 345 273

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

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

#ADE5BB
(173,229,187)
#9ED1AA
(158,209,170)
#8FBD99
(143,189,153)
#80A988
(128,169,136)
#719577
(113,149,119)
#628166
(98,129,102)
#536D55
(83,109,85)
#445944
(68,89,68)
#354533
(53,69,51)
#263122
(38,49,34)
#171D11
(23,29,17)
#000000
(0,0,0)

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

#ADE5BB
(173,229,187)
#B4E7C1
(180,231,193)
#BBE9C7
(187,233,199)
#C2EBCD
(194,235,205)
#C9EDD3
(201,237,211)
#D0EFD9
(208,239,217)
#D7F1DF
(215,241,223)
#DEF3E5
(222,243,229)
#E5F5EB
(229,245,235)
#ECF7F1
(236,247,241)
#F3F9F7
(243,249,247)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #ADE5BB; }

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

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

Цвет фона

.myBgColor { background-color: #ADE5BB; }

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

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

Цвет границы

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

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

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

Прозрачость

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

Примеры

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

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


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

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


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

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


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

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


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

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

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


I love getcolorcode.com

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

1 #BBADE5 и #E5BBAD в сочетании с #ADE5BB составляют триаду цветов.

2 #BBE5AD и #E5ADBB в сочетании с #ADE5BB составляют триаду цветов.