Цвет #ACC970

HEX: #ACC970 RGB: (172,201,112)

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

#ACC970 содержит в основном красный и зеленый цвета. Для #ACC970 «безопасным» веб-цветом является #99CC66 (или кратко #9C6).

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

Цвет #ACC970 в RGB задается как (172,201,112).

RGB: (172,201,112) (67%, 79%, 44%)

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

R 172 из 255 = 67%
G 201 из 255 = 79%
B 112 из 255 = 44%

172
201
112

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

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

R + G + B = 172 + 201 + 112 = 485 (100%)
R 172 из 485 ~ 35.46%
G 201 из 485 ~ 41.44%
B 112 из 485 ~ 23.09'%

%35.46
%41.44
%23.09

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

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

  • Сине-зеленый цвет имеет значение 14.43%
  • Пурпурный цвет имеет значение 0.00%
  • Желтый цвет имеет значение 44.28%
  • Ключевой цвет имеет значение 21.18%
CMYK: (14,0,44,21) C14M0Y44K21 (14%,0%,44%,21%) (0.14/0.00/0.44/0.21) 

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

%14.43
%0
%44.28
%21.18

Коды цвета

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

AC C9 70
RGB 172 201 112
HSL 80° 45.18% 61.37%
HSB/HSV 80° 44.28% 78.82%
CMYK 14.43% 0.00% 44.28%
21.18%

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

Шестнадцатиричная AC C9 70
Десятичная 172 201 112
Двоичная 10101100 11001001 1110000
Восьмеричная 254 311 160

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

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

#ACC970
(172,201,112)
#9DB766
(157,183,102)
#8EA55C
(142,165,92)
#7F9352
(127,147,82)
#708148
(112,129,72)
#616F3E
(97,111,62)
#525D34
(82,93,52)
#434B2A
(67,75,42)
#343920
(52,57,32)
#252716
(37,39,22)
#16150C
(22,21,12)
#000000
(0,0,0)

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

#ACC970
(172,201,112)
#B3CD7D
(179,205,125)
#BAD18A
(186,209,138)
#C1D597
(193,213,151)
#C8D9A4
(200,217,164)
#CFDDB1
(207,221,177)
#D6E1BE
(214,225,190)
#DDE5CB
(221,229,203)
#E4E9D8
(228,233,216)
#EBEDE5
(235,237,229)
#F2F1F2
(242,241,242)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #ACC970; }

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

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

Цвет фона

.myBgColor { background-color: #ACC970; }

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

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

Цвет границы

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

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

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

Прозрачость

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

Примеры

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

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


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

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


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

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


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

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


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

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

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


I love getcolorcode.com

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

1 #70ACC9 и #C970AC в сочетании с #ACC970 составляют триаду цветов.

2 #70C9AC и #C9AC70 в сочетании с #ACC970 составляют триаду цветов.