COLOR #61449D

HEX: #61449D
RGB: (97,68,157)

Color info

#61449D contains mainly blue color. Web safe color of #61449D is #663399 (or #639).

RGB color model

#61449D color RGB value is (97,68,157).

  • red value is 97;
  • green value is 68;
  • blue value is 157.
RGB:
(97,68,157)
(38%,27%,62%)

RGB channels and saturation

R 97 of 255 = 38%
G 68 of 255 = 27%
B 157 of 255 = 62%

97
68
157

R + G + B ~ 42%. #61449D is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
97 + 68 + 157 = 322 (100%)
R 97 of 322 ~ 30.12%
G 68 of 322 ~ 21.12%
B 157 of 322 ~ 48.76%

%30.12
%21.12
%48.76

CMYK color model

#61449D color CMYK value is (38,57,0,38).

  • cyan value is 38.22%
  • magenta value is 56.69%
  • yellow value is 0.00%
  • key color value is 38.43%
CMYK:
(38,57,0,38)
C38M57Y0K38 
(38%,57%,0%,38%)
(0.38/0.57/0.00/0.38)	

CMYK percentages

%38.22
%56.69
%0
%38.43

Codes

Color #61449D in popluar color models

61449D
RGB9768157
HSL260°39.56%44.12%
HSB/HSV260°56.69%61.57%
CMYK38.22%56.69%0.00%
38.43%

Color #61449D in popluar number systems.

HEX61449D
Decimal9768157
Binary1100001100010010011101
Octal141104235

Shades and tints

Shades of #61449D

#61449D
(97,68,157)
#593E8F
(89,62,143)
#513881
(81,56,129)
#493273
(73,50,115)
#412C65
(65,44,101)
#392657
(57,38,87)
#312049
(49,32,73)
#291A3B
(41,26,59)
#21142D
(33,20,45)
#190E1F
(25,14,31)
#110811
(17,8,17)
#000000
(0,0,0)

Tints of #61449D

#61449D
(97,68,157)
#6F55A5
(111,85,165)
#7D66AD
(125,102,173)
#8B77B5
(139,119,181)
#9988BD
(153,136,189)
#A799C5
(167,153,197)
#B5AACD
(181,170,205)
#C3BBD5
(195,187,213)
#D1CCDD
(209,204,221)
#DFDDE5
(223,221,229)
#EDEEED
(237,238,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #61449D color. Also use rgb(97,68,157) instead hex code.

Text Font Color

.myTextColor { color: #61449D; }

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

This text font color is #61449D.


Background Color

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

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

This div background color is #61449D.


Border color

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

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

This div border color is #61449D.


Opacity

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

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

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

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

This text has shadow with #61449D color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #61449D on black background.


Color preview on white background

This text has color #61449D on white background.



Black color preview on #61449D background

This text has black color on #61449D background.


White color preview on #61449D background

This text has white color on #61449D background.