Цвет #5566EE

HEX: #5566EE RGB: (85,102,238)

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

#5566EE содержит в основном голубой цвет. Для #5566EE «безопасным» веб-цветом является #6666FF (или кратко #66F).

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

Цвет #5566EE в RGB задается как (85,102,238).

RGB: (85,102,238) (33%, 40%, 93%)

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

R 85 из 255 = 33%
G 102 из 255 = 40%
B 238 из 255 = 93%

85
102
238

R + G + B ~ 55%. #5566EE средний цвет (не темный и не светлый).

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

R + G + B = 85 + 102 + 238 = 425 (100%)
R 85 из 425 ~ 20%
G 102 из 425 ~ 24%
B 238 из 425 ~ 56'%

%20
%24
%56

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

Цвет #5566EE в CMYK задается как (64,57,0,7).

  • Сине-зеленый цвет имеет значение 64.29%
  • Пурпурный цвет имеет значение 57.14%
  • Желтый цвет имеет значение 0.00%
  • Ключевой цвет имеет значение 6.67%
CMYK: (64,57,0,7) C64M57Y0K7 (64%,57%,0%,7%) (0.64/0.57/0.00/0.07) 

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

%64.29
%57.14
%0
%6.67

Коды цвета

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

55 66 EE
RGB 85 102 238
HSL 233° 81.82% 63.33%
HSB/HSV 233° 64.29% 93.33%
CMYK 64.29% 57.14% 0.00%
6.67%

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

Шестнадцатиричная 55 66 EE
Десятичная 85 102 238
Двоичная 1010101 1100110 11101110
Восьмеричная 125 146 356

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

Темные тона цвета #5566EE

#5566EE
(85,102,238)
#4E5DD9
(78,93,217)
#4754C4
(71,84,196)
#404BAF
(64,75,175)
#39429A
(57,66,154)
#323985
(50,57,133)
#2B3070
(43,48,112)
#24275B
(36,39,91)
#1D1E46
(29,30,70)
#161531
(22,21,49)
#0F0C1C
(15,12,28)
#000000
(0,0,0)

Светлые тона цвета #5566EE

#5566EE
(85,102,238)
#6473EF
(100,115,239)
#7380F0
(115,128,240)
#828DF1
(130,141,241)
#919AF2
(145,154,242)
#A0A7F3
(160,167,243)
#AFB4F4
(175,180,244)
#BEC1F5
(190,193,245)
#CDCEF6
(205,206,246)
#DCDBF7
(220,219,247)
#EBE8F8
(235,232,248)
#FFFFFF
(255,255,255)

Стили css3

Примеры css и html кодов для элементов с цветом #5566EE. Используйте также rgb(85,102,238) вместо hex-кода.

Цвет текста

.myTextColor { color: #5566EE; }

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

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

Цвет фона

.myBgColor { background-color: #5566EE; }

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

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

Цвет границы

.myBorderColor { border: 1px solid #5566EE; }

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

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

Прозрачость

.myOpacity80 { color: #5566EE; opacity: 0.8; }

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

Примеры

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

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


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

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


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

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


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

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


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

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

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


I love getcolorcode.com

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

1 #EE5566 и #66EE55 в сочетании с #5566EE составляют триаду цветов.

2 #EE6655 и #6655EE в сочетании с #5566EE составляют триаду цветов.