Цвет #48A5FD

HEX: #48A5FD RGB: (72,165,253)

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

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

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

Цвет #48A5FD в RGB задается как (72,165,253).

RGB: (72,165,253) (28%, 65%, 99%)

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

R 72 из 255 = 28%
G 165 из 255 = 65%
B 253 из 255 = 99%

72
165
253

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

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

R + G + B = 72 + 165 + 253 = 490 (100%)
R 72 из 490 ~ 14.69%
G 165 из 490 ~ 33.67%
B 253 из 490 ~ 51.63'%

%14.69
%33.67
%51.63

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

Цвет #48A5FD в CMYK задается как (72,35,0,1).

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

CMYK: (72,35,0,1)
C72M35Y0K1 (72%, 35%, 0%, 1%)
(0.72 / 0.35 / 0.00 / 0.01)

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

%71.54
%34.78
%0
%0.78

Коды цвета

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

48 A5 FD
RGB 72 165 253
HSL 209° 97.84% 63.73%
HSB/HSV 209° 71.54% 99.22%
CMYK 71.54% 34.78% 0.00%
0.78%

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

Шестнадцатиричная 48 A5 FD
Десятичная 72 165 253
Двоичная 1001000 10100101 11111101
Восьмеричная 110 245 375

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

Темные тона цвета #48A5FD

#48A5FD
(72,165,253)
#4296E6
(66,150,230)
#3C87CF
(60,135,207)
#3678B8
(54,120,184)
#3069A1
(48,105,161)
#2A5A8A
(42,90,138)
#244B73
(36,75,115)
#1E3C5C
(30,60,92)
#182D45
(24,45,69)
#121E2E
(18,30,46)
#0C0F17
(12,15,23)
#000000
(0,0,0)

Светлые тона цвета #48A5FD

#48A5FD
(72,165,253)
#58ADFD
(88,173,253)
#68B5FD
(104,181,253)
#78BDFD
(120,189,253)
#88C5FD
(136,197,253)
#98CDFD
(152,205,253)
#A8D5FD
(168,213,253)
#B8DDFD
(184,221,253)
#C8E5FD
(200,229,253)
#D8EDFD
(216,237,253)
#E8F5FD
(232,245,253)
#FFFFFF
(255,255,255)

Стили css3

Примеры css и html кодов для элементов с цветом #48A5FD. Используйте также rgb(72,165,253) вместо hex-кода.

Цвет текста

.myTextColor { color: #48A5FD; }

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

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

Цвет фона

.myBgColor { background-color: #48A5FD; }

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

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

Цвет границы

.myBorderColor { border: 1px solid #48A5FD; }

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

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

Прозрачость

.myOpacity80 { color: #48A5FD; opacity: 0.8; }

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

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

Примеры

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

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


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

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


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

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


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

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


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

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

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


I love getcolorcode.com

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

1 #FD48A5 и #A5FD48 в сочетании с #48A5FD составляют триаду цветов.

2 #FDA548 и #A548FD в сочетании с #48A5FD составляют триаду цветов.