Цвет #337AAD

HEX: #337AAD
RGB: (51,122,173)

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

#337AAD содержит в основном зеленый и голубой цвета. Для #337AAD «безопасным» веб-цветом является #336699 (или кратко #369).

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

Цвет #337AAD в RGB задается как (51,122,173).

  • Красный цвет имеет значение 51;
  • Зеленый цвет имеет значение 122;
  • Синий цвет имеет значение 173.
RGB:
(51,122,173)
(20%,48%,68%)

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

R 51 из 255 = 20%
G 122 из 255 = 48%
B 173 из 255 = 68%

51
122
173

R + G + B ~ 45%. #337AAD средний цвет (не темный и не светлый).

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

R + G + B =
51 + 122 + 173 = 346 (100%)
R 51 из 346 ~ 14.74%
G 122 из 346 ~ 35.26%
B 173 из 346 ~ 50%

%14.74
%35.26
%50

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

Цвет #337AAD в CMYK задается как (71,29,0,32).

  • Сине-зеленый цвет имеет значение 70.52%
  • Пурпурный цвет имеет значение 29.48%
  • Желтый цвет имеет значение 0.00%
  • Ключевой цвет имеет значение 32.16%
CMYK:
(71,29,0,32)
C71M29Y0K32 
(71%,29%,0%,32%)
(0.71/0.29/0.00/0.32)	

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

%70.52
%29.48
%0
%32.16

Коды цвета

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

337AAD
RGB51122173
HSL205°54.46%43.92%
HSB/HSV205°70.52%67.84%
CMYK70.52%29.48%0.00%
32.16%

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

Шестнадцатиричная337AAD
Десятичная51122173
Двоичная110011111101010101101
Восьмеричная63172255

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

Темные тона цвета #337AAD

#337AAD
(51,122,173)
#2F6F9E
(47,111,158)
#2B648F
(43,100,143)
#275980
(39,89,128)
#234E71
(35,78,113)
#1F4362
(31,67,98)
#1B3853
(27,56,83)
#172D44
(23,45,68)
#132235
(19,34,53)
#0F1726
(15,23,38)
#0B0C17
(11,12,23)
#000000
(0,0,0)

Светлые тона цвета #337AAD

#337AAD
(51,122,173)
#4586B4
(69,134,180)
#5792BB
(87,146,187)
#699EC2
(105,158,194)
#7BAAC9
(123,170,201)
#8DB6D0
(141,182,208)
#9FC2D7
(159,194,215)
#B1CEDE
(177,206,222)
#C3DAE5
(195,218,229)
#D5E6EC
(213,230,236)
#E7F2F3
(231,242,243)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #337AAD; }

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

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


Цвет фона

.myBgColor { background-color: #337AAD; }

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

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


Цвет границы

.myBorderColor { border: 1px solid #337AAD; }

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

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


Прозрачость

.myOpacity80 { color: #337AAD; opacity: 0.8; }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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

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

Примеры

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

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


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

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



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

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


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

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