Color #614380

Color info

#614380 contains mainly red and blue colors. Web safe color of #614380 is #663366 (or #636).

RGB color model

#614380 color RGB value is (97,67,128).

red value is 97;
green value is 67;
blue value is 128.

RGB:
(97,67,128)
(38%,26%,50%)

RGB channels and saturation

R 97 of 255 = 38%
G 67 of 255 = 26%
B 128 of 255 = 50%

128

R + G + B ~ 38%. #614380 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
97 + 67 + 128 = 292 (100%)
R 97 of 292 ~ 33.22%
G 67 of 292 ~ 22.95%
B 128 of 292 ~ 43.84%

%33.22

%22.95

%43.84

CMYK color model

#614380 color CMYK value is (24,48,0,50).

cyan value is 24.22%
magenta value is 47.66%
yellow value is 0.00%
key color value is 49.80%

CMYK:
(24,48,0,50)
C24M48Y0K50 
(24%,48%,0%,50%)
(0.24/0.48/0.00/0.50)

CMYK percentages

%24.22

%47.66

%49.8

Codes

Color #614380 in popluar color models

	61	43	80
RGB	97	67	128
HSL	270°	31.28%	38.24%
HSB/HSV	270°	47.66%	50.20%
CMYK	24.22%	47.66%	0.00%
CMYK	49.80%

Color #614380 in popluar number systems.

HEX	61	43	80
Decimal	97	67	128
Binary	1100001	1000011	10000000
Octal	141	103	200

Shades and tints

Shades of #614380

#614380
(97,67,128)

#593D75
(89,61,117)

#51376A
(81,55,106)

#49315F
(73,49,95)

#412B54
(65,43,84)

#392549
(57,37,73)

#311F3E
(49,31,62)

#291933
(41,25,51)

#211328
(33,19,40)

#190D1D
(25,13,29)

#110712
(17,7,18)

#000000
(0,0,0)

Tints of #614380

#614380
(97,67,128)

#6F548B
(111,84,139)

#7D6596
(125,101,150)

#8B76A1
(139,118,161)

#9987AC
(153,135,172)

#A798B7
(167,152,183)

#B5A9C2
(181,169,194)

#C3BACD
(195,186,205)

#D1CBD8
(209,203,216)

#DFDCE3
(223,220,227)

#EDEDEE
(237,237,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #614380 color. Also use rgb(97,67,128) instead hex code.

Text Font Color

.myTextColor { color: #614380; }

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

This text font color is #614380.

Background Color

.myBgColor { background-color: #614380; }

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

This div background color is #614380.

Border color

.myBorderColor { border: 1px solid #614380; }

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

This div border color is #614380.

Opacity

.myOpacity80 { color: #614380; opacity: 0.8; }

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

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

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

This text has shadow with #614380 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #614380.

Preview

Color preview on black background

This text has color #614380 on black background.

Color preview on white background

This text has color #614380 on white background.

Black color preview on #614380 background

This text has black color on #614380 background.

White color preview on #614380 background

This text has white color on #614380 background.