COLOR #3E1248

HEX: #3E1248
RGB: (62,18,72)

Color info

#3E1248 contains red, green and blue colors in about the same proportion. Web safe color of #3E1248 is #330033 (or #303).

RGB color model

#3E1248 color RGB value is (62,18,72).

  • red value is 62;
  • green value is 18;
  • blue value is 72.
RGB:
(62,18,72)
(24%,7%,28%)

RGB channels and saturation

R 62 of 255 = 24%
G 18 of 255 = 7%
B 72 of 255 = 28%

62
18
72

R + G + B ~ 20%. #3E1248 is dark color.

Portions of RGB colors in percentages

R + G + B =
62 + 18 + 72 = 152 (100%)
R 62 of 152 ~ 40.79%
G 18 of 152 ~ 11.84%
B 72 of 152 ~ 47.37%

%40.79
%11.84
%47.37

CMYK color model

#3E1248 color CMYK value is (14,75,0,72).

  • cyan value is 13.89%
  • magenta value is 75.00%
  • yellow value is 0.00%
  • key color value is 71.76%
CMYK:
(14,75,0,72)
C14M75Y0K72 
(14%,75%,0%,72%)
(0.14/0.75/0.00/0.72)	

CMYK percentages

%13.89
%75
%0
%71.76

Codes

Color #3E1248 in popluar color models

3E1248
RGB621872
HSL289°60.00%17.65%
HSB/HSV289°75.00%28.24%
CMYK13.89%75.00%0.00%
71.76%

Color #3E1248 in popluar number systems.

HEX3E1248
Decimal621872
Binary111110100101001000
Octal7622110

Shades and tints

Shades of #3E1248

#3E1248
(62,18,72)
#391142
(57,17,66)
#34103C
(52,16,60)
#2F0F36
(47,15,54)
#2A0E30
(42,14,48)
#250D2A
(37,13,42)
#200C24
(32,12,36)
#1B0B1E
(27,11,30)
#160A18
(22,10,24)
#110912
(17,9,18)
#0C080C
(12,8,12)
#000000
(0,0,0)

Tints of #3E1248

#3E1248
(62,18,72)
#4F2758
(79,39,88)
#603C68
(96,60,104)
#715178
(113,81,120)
#826688
(130,102,136)
#937B98
(147,123,152)
#A490A8
(164,144,168)
#B5A5B8
(181,165,184)
#C6BAC8
(198,186,200)
#D7CFD8
(215,207,216)
#E8E4E8
(232,228,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3E1248 color. Also use rgb(62,18,72) instead hex code.

Text Font Color

.myTextColor { color: #3E1248; }

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

This text font color is #3E1248.


Background Color

.myBgColor { background-color: #3E1248; }

<div style="background-color:#3E1248">Inner text</div>

This div background color is #3E1248.


Border color

.myBorderColor { border: 1px solid #3E1248; }

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

This div border color is #3E1248.


Opacity

.myOpacity80 { color: #3E1248; opacity: 0.8; }

<p style="color:#3E1248;opacity:0.8;">80%</p>

Text with #3E1248 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 #3E1248;}

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

This text has shadow with #3E1248 color.

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

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

This text has shadow with #3E1248 primary color and red secondary color.


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

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

This text has shadow with #3E1248 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #3E1248 on black background.


Color preview on white background

This text has color #3E1248 on white background.



Black color preview on #3E1248 background

This text has black color on #3E1248 background.


White color preview on #3E1248 background

This text has white color on #3E1248 background.