COLOR #30295D

HEX: #30295D
RGB: (48,41,93)

Color info

#30295D contains red, green and blue colors in about the same proportion. Web safe color of #30295D is #333366 (or #336).

RGB color model

#30295D color RGB value is (48,41,93).

  • red value is 48;
  • green value is 41;
  • blue value is 93.
RGB:
(48,41,93)
(19%,16%,36%)

RGB channels and saturation

R 48 of 255 = 19%
G 41 of 255 = 16%
B 93 of 255 = 36%

48
41
93

R + G + B ~ 24%. #30295D is dark color.

Portions of RGB colors in percentages

R + G + B =
48 + 41 + 93 = 182 (100%)
R 48 of 182 ~ 26.37%
G 41 of 182 ~ 22.53%
B 93 of 182 ~ 51.1%

%26.37
%22.53
%51.1

CMYK color model

#30295D color CMYK value is (48,56,0,64).

  • cyan value is 48.39%
  • magenta value is 55.91%
  • yellow value is 0.00%
  • key color value is 63.53%
CMYK:
(48,56,0,64)
C48M56Y0K64 
(48%,56%,0%,64%)
(0.48/0.56/0.00/0.64)	

CMYK percentages

%48.39
%55.91
%0
%63.53

Codes

Color #30295D in popluar color models

30295D
RGB484193
HSL248°38.81%26.27%
HSB/HSV248°55.91%36.47%
CMYK48.39%55.91%0.00%
63.53%

Color #30295D in popluar number systems.

HEX30295D
Decimal484193
Binary1100001010011011101
Octal6051135

Shades and tints

Shades of #30295D

#30295D
(48,41,93)
#2C2655
(44,38,85)
#28234D
(40,35,77)
#242045
(36,32,69)
#201D3D
(32,29,61)
#1C1A35
(28,26,53)
#18172D
(24,23,45)
#141425
(20,20,37)
#10111D
(16,17,29)
#0C0E15
(12,14,21)
#080B0D
(8,11,13)
#000000
(0,0,0)

Tints of #30295D

#30295D
(48,41,93)
#423C6B
(66,60,107)
#544F79
(84,79,121)
#666287
(102,98,135)
#787595
(120,117,149)
#8A88A3
(138,136,163)
#9C9BB1
(156,155,177)
#AEAEBF
(174,174,191)
#C0C1CD
(192,193,205)
#D2D4DB
(210,212,219)
#E4E7E9
(228,231,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #30295D color. Also use rgb(48,41,93) instead hex code.

Text Font Color

.myTextColor { color: #30295D; }

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

This text font color is #30295D.


Background Color

.myBgColor { background-color: #30295D; }

<div style="background-color:#30295D">Inner text</div>

This div background color is #30295D.


Border color

.myBorderColor { border: 1px solid #30295D; }

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

This div border color is #30295D.


Opacity

.myOpacity80 { color: #30295D; opacity: 0.8; }

<p style="color:#30295D;opacity:0.8;">80%</p>

Text with #30295D 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 #30295D;}

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

This text has shadow with #30295D color.

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

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

This text has shadow with #30295D primary color and red secondary color.


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

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

This text has shadow with #30295D and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #30295D on black background.


Color preview on white background

This text has color #30295D on white background.



Black color preview on #30295D background

This text has black color on #30295D background.


White color preview on #30295D background

This text has white color on #30295D background.