COLOR #4E6AD5

HEX: #4E6AD5
RGB: (78,106,213)

Renk bilgisi

#4E6AD5 contains mainly blue color. #4E6AD5 ‘ nin web güvenlik rengi #6666CC (ya da #66C) dir.

RGB renk modeli

#4E6AD5 color RGB value is (78,106,213).

  • kırmız ton 78;
  • yeşil ton 106;
  • mavi ton 213.
RGB:
(78,106,213)
(31%,42%,84%)

RGB bağlantıları ve doygunluk

R 78 of 255 = 31%
G 106 of 255 = 42%
B 213 of 255 = 84%

78
106
213

R + G + B ~ 52%. #4E6AD5 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
78 + 106 + 213 = 397 (100%)
R 78 of 397 ~ 19.65%
G 106 of 397 ~ 26.7%
B 213 of 397 ~ 53.65%

%19.65
%26.7
%53.65

CMYK RENK MODELİ

#4E6AD5 rengi CMYK tonu (63,50,0,16).

  • camgöbeği tonu 63.38%
  • eflatun tonu 50.23%
  • sarı tonu 0.00%
  • ana renk tonu 16.47%
CMYK:
(63,50,0,16)
C63M50Y0K16 
(63%,50%,0%,16%)
(0.63/0.50/0.00/0.16)	

CMYK yüzdeleri

%63.38
%50.23
%0
%16.47

Codes

Color #4E6AD5 in popluar color models

4E6AD5
RGB78106213
HSL228°61.64%57.06%
HSB/HSV228°63.38%83.53%
CMYK63.38%50.23%0.00%
16.47%

Color #4E6AD5 in popluar number systems.

HEX4E6AD5
Decimal78106213
Binary1001110110101011010101
Octal116152325

Shades and tints

Shades of #4E6AD5

#4E6AD5
(78,106,213)
#4761C2
(71,97,194)
#4058AF
(64,88,175)
#394F9C
(57,79,156)
#324689
(50,70,137)
#2B3D76
(43,61,118)
#243463
(36,52,99)
#1D2B50
(29,43,80)
#16223D
(22,34,61)
#0F192A
(15,25,42)
#081017
(8,16,23)
#000000
(0,0,0)

Tints of #4E6AD5

#4E6AD5
(78,106,213)
#5E77D8
(94,119,216)
#6E84DB
(110,132,219)
#7E91DE
(126,145,222)
#8E9EE1
(142,158,225)
#9EABE4
(158,171,228)
#AEB8E7
(174,184,231)
#BEC5EA
(190,197,234)
#CED2ED
(206,210,237)
#DEDFF0
(222,223,240)
#EEECF3
(238,236,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4E6AD5 color. Also use rgb(78,106,213) instead hex code.

Text Font Color

.myTextColor { color: #4E6AD5; }

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

This text font color is #4E6AD5.


Background Color

.myBgColor { background-color: #4E6AD5; }

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

This div background color is #4E6AD5.


Border color

.myBorderColor { border: 1px solid #4E6AD5; }

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

This div border color is #4E6AD5.


Opacity

.myOpacity80 { color: #4E6AD5; opacity: 0.8; }

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

Text with #4E6AD5 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

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

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

This text has shadow with #4E6AD5 color.

.textShadow {text-shadow: 3px 3px 1px #4E6AD5, 3px 3px 1px red;}

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

This text has shadow with #4E6AD5 primary color and red secondary color.


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #4E6AD5;
-webkit-box-shadow: 1px 1px 3px 2px #4E6AD5;
box-shadow:1px 1px 3px 2px #4E6AD5;">
Div content here</div>
This div box has shadow with color #4E6AD5.

Preview

Color preview on black background

This text has color #4E6AD5 on black background.


Color preview on white background

This text has color #4E6AD5 on white background.



Black color preview on #4E6AD5 background

This text has black color on #4E6AD5 background.


White color preview on #4E6AD5 background

This text has white color on #4E6AD5 background.