COLOR #4D65ED

HEX: #4D65ED
RGB: (77,101,237)

Color info

#4D65ED contains mainly blue color. Web safe color of #4D65ED is #3366FF (or #36F).

RGB color model

#4D65ED color RGB value is (77,101,237).

  • red value is 77;
  • green value is 101;
  • blue value is 237.
RGB:
(77,101,237)
(30%,40%,93%)

RGB channels and saturation

R 77 of 255 = 30%
G 101 of 255 = 40%
B 237 of 255 = 93%

77
101
237

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

Portions of RGB colors in percentages

R + G + B =
77 + 101 + 237 = 415 (100%)
R 77 of 415 ~ 18.55%
G 101 of 415 ~ 24.34%
B 237 of 415 ~ 57.11%

%18.55
%24.34
%57.11

CMYK color model

#4D65ED color CMYK value is (68,57,0,7).

  • cyan value is 67.51%
  • magenta value is 57.38%
  • yellow value is 0.00%
  • key color value is 7.06%
CMYK:
(68,57,0,7)
C68M57Y0K7 
(68%,57%,0%,7%)
(0.68/0.57/0.00/0.07)	

CMYK percentages

%67.51
%57.38
%0
%7.06

Codes

Color #4D65ED in popluar color models

4D65ED
RGB77101237
HSL231°81.63%61.57%
HSB/HSV231°67.51%92.94%
CMYK67.51%57.38%0.00%
7.06%

Color #4D65ED in popluar number systems.

HEX4D65ED
Decimal77101237
Binary1001101110010111101101
Octal115145355

Shades and tints

Shades of #4D65ED

#4D65ED
(77,101,237)
#465CD8
(70,92,216)
#3F53C3
(63,83,195)
#384AAE
(56,74,174)
#314199
(49,65,153)
#2A3884
(42,56,132)
#232F6F
(35,47,111)
#1C265A
(28,38,90)
#151D45
(21,29,69)
#0E1430
(14,20,48)
#070B1B
(7,11,27)
#000000
(0,0,0)

Tints of #4D65ED

#4D65ED
(77,101,237)
#5D73EE
(93,115,238)
#6D81EF
(109,129,239)
#7D8FF0
(125,143,240)
#8D9DF1
(141,157,241)
#9DABF2
(157,171,242)
#ADB9F3
(173,185,243)
#BDC7F4
(189,199,244)
#CDD5F5
(205,213,245)
#DDE3F6
(221,227,246)
#EDF1F7
(237,241,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4D65ED color. Also use rgb(77,101,237) instead hex code.

Text Font Color

.myTextColor { color: #4D65ED; }

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

This text font color is #4D65ED.


Background Color

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

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

This div background color is #4D65ED.


Border color

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

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

This div border color is #4D65ED.


Opacity

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

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

Text with #4D65ED 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 #4D65ED;}

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

This text has shadow with #4D65ED color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #4D65ED on black background.


Color preview on white background

This text has color #4D65ED on white background.



Black color preview on #4D65ED background

This text has black color on #4D65ED background.


White color preview on #4D65ED background

This text has white color on #4D65ED background.