Color #6154AE

Color info

#6154AE contains mainly blue color. Web safe color of #6154AE is #666699 (or #669).

RGB color model

#6154AE color RGB value is (97,84,174).

red value is 97;
green value is 84;
blue value is 174.

RGB: (97,84,174) (38%, 33%, 68%)

RGB channels and saturation

R 97 of 255 = 38%
G 84 of 255 = 33%
B 174 of 255 = 68%

97

84

174

R + G + B ~ 46%. #6154AE is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 97 + 84 + 174 = 355 (100%)
R 97 of 355 ~ 27.32%
G 84 of 355 ~ 23.66%
B 174 of 355 ~ 49.01'%

%27.32

%23.66

%49.01

CMYK color model

#6154AE color CMYK value is (44,52,0,32).

cyan value is 44.25%
magenta value is 51.72%
yellow value is 0.00%
key color value is 31.76%

CMYK: (44,52,0,32)
C44M52Y0K32 (44%, 52%, 0%, 32%)
(0.44 / 0.52 / 0.00 / 0.32)

CMYK percentages

%44.25

%51.72

%0

%31.76

Codes

Color #6154AE in popluar color models

	61	54	AE
RGB	97	84	174
HSL	249°	35.71%	50.59%
HSB/HSV	249°	51.72%	68.24%
CMYK	44.25%	51.72%	0.00%
CMYK	31.76%

Color #6154AE in popluar number systems.

HEX	61	54	AE
Decimal	97	84	174
Binary	1100001	1010100	10101110
Octal	141	124	256

Shades and tints

Shades of #6154AE

#6154AE
(97,84,174)

#594D9F
(89,77,159)

#514690
(81,70,144)

#493F81
(73,63,129)

#413872
(65,56,114)

#393163
(57,49,99)

#312A54
(49,42,84)

#292345
(41,35,69)

#211C36
(33,28,54)

#191527
(25,21,39)

#110E18
(17,14,24)

#000000
(0,0,0)

Tints of #6154AE

#6154AE
(97,84,174)

#6F63B5
(111,99,181)

#7D72BC
(125,114,188)

#8B81C3
(139,129,195)

#9990CA
(153,144,202)

#A79FD1
(167,159,209)

#B5AED8
(181,174,216)

#C3BDDF
(195,189,223)

#D1CCE6
(209,204,230)

#DFDBED
(223,219,237)

#EDEAF4
(237,234,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6154AE color. Also use rgb(97,84,174) instead hex code.

Text Font Color

.myTextColor { color: #6154AE; }

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

This text font color is #6154AE.

Background Color

.myBgColor { background-color: #6154AE; }

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

This div background color is #6154AE.

Border color

.myBorderColor { border: 1px solid #6154AE; }

This div border color is #6154AE.

Opacity

.myOpacity80 { color: #6154AE; opacity: 0.8; }

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

This text has shadow with #6154AE color.

.textShadow {text-shadow: 3px 3px 1px #6154AE', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #6154AE.