Цвет #337EA7

HEX: #337EA7 RGB: (51,126,167)

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

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

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

Цвет #337EA7 в RGB задается как (51,126,167).

RGB: (51,126,167) (20%, 49%, 65%)

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

R 51 из 255 = 20%
G 126 из 255 = 49%
B 167 из 255 = 65%

51
126
167

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

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

R + G + B = 51 + 126 + 167 = 344 (100%)
R 51 из 344 ~ 14.83%
G 126 из 344 ~ 36.63%
B 167 из 344 ~ 48.55'%

%14.83
%36.63
%48.55

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

Цвет #337EA7 в CMYK задается как (69,25,0,35).

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

CMYK: (69,25,0,35)
C69M25Y0K35 (69%, 25%, 0%, 35%)
(0.69 / 0.25 / 0.00 / 0.35)

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

%69.46
%24.55
%0
%34.51

Коды цвета

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

33 7E A7
RGB 51 126 167
HSL 201° 53.21% 42.75%
HSB/HSV 201° 69.46% 65.49%
CMYK 69.46% 24.55% 0.00%
34.51%

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

Шестнадцатиричная 33 7E A7
Десятичная 51 126 167
Двоичная 110011 1111110 10100111
Восьмеричная 63 176 247

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

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

#337EA7
(51,126,167)
#2F7398
(47,115,152)
#2B6889
(43,104,137)
#275D7A
(39,93,122)
#23526B
(35,82,107)
#1F475C
(31,71,92)
#1B3C4D
(27,60,77)
#17313E
(23,49,62)
#13262F
(19,38,47)
#0F1B20
(15,27,32)
#0B1011
(11,16,17)
#000000
(0,0,0)

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

#337EA7
(51,126,167)
#4589AF
(69,137,175)
#5794B7
(87,148,183)
#699FBF
(105,159,191)
#7BAAC7
(123,170,199)
#8DB5CF
(141,181,207)
#9FC0D7
(159,192,215)
#B1CBDF
(177,203,223)
#C3D6E7
(195,214,231)
#D5E1EF
(213,225,239)
#E7ECF7
(231,236,247)
#FFFFFF
(255,255,255)

Стили css3

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

Цвет текста

.myTextColor { color: #337EA7; }

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

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

Цвет фона

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

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

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

Цвет границы

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

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

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

Прозрачость

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

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

Примеры

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

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


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

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


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

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


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

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


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

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

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


I love getcolorcode.com

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

1 #A7337E и #7EA733 в сочетании с #337EA7 составляют триаду цветов.

2 #A77E33 и #7E33A7 в сочетании с #337EA7 составляют триаду цветов.