Color #663463

Color info

#663463 contains red, green and blue colors in about the same proportion. Web safe color of #663463 is #663366 (or #636).

RGB color model

#663463 color RGB value is (102,52,99).

red value is 102;
green value is 52;
blue value is 99.

RGB: (102,52,99) (40%,20%,39%)

RGB channels and saturation

R 102 of 255 = 40%
G 52 of 255 = 20%
B 99 of 255 = 39%

102

R + G + B ~ 33%. #663463 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
102 + 52 + 99 = 253 (100%)
R 102 of 253 ~ 40.32%
G 52 of 253 ~ 20.55%
B 99 of 253 ~ 39.13%

%40.32

%20.55

%39.13

CMYK color model

#663463 color CMYK value is (0,49,3,60).

cyan value is 0.00%
magenta value is 49.02%
yellow value is 2.94%
key color value is 60.00%

CMYK: (0,49,3,60) C0M49Y3K60 (0%,49%,3%,60%) (0.00/0.49/0.03/0.60)

CMYK percentages

%49.02

%2.94

%60

Codes

Color #663463 in popluar color models

	66	34	63
RGB	102	52	99
HSL	304°	32.47%	30.20%
HSB/HSV	304°	49.02%	40.00%
CMYK	0.00%	49.02%	2.94%
CMYK	60.00%

Color #663463 in popluar number systems.

HEX	66	34	63
Decimal	102	52	99
Binary	1100110	110100	1100011
Octal	146	64	143

Shades and tints

Shades of #663463

#663463
(102,52,99)

#5D305A
(93,48,90)

#542C51
(84,44,81)

#4B2848
(75,40,72)

#42243F
(66,36,63)

#392036
(57,32,54)

#301C2D
(48,28,45)

#271824
(39,24,36)

#1E141B
(30,20,27)

#151012
(21,16,18)

#0C0C09
(12,12,9)

#000000
(0,0,0)

Tints of #663463

#663463
(102,52,99)

#734671
(115,70,113)

#80587F
(128,88,127)

#8D6A8D
(141,106,141)

#9A7C9B
(154,124,155)

#A78EA9
(167,142,169)

#B4A0B7
(180,160,183)

#C1B2C5
(193,178,197)

#CEC4D3
(206,196,211)

#DBD6E1
(219,214,225)

#E8E8EF
(232,232,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #663463 color. Also use rgb(102,52,99) instead hex code.

Text Font Color

.myTextColor { color: #663463; }

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

This text font color is #663463.

Background Color

.myBgColor { background-color: #663463; }

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

This div background color is #663463.

Border color

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

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

This div border color is #663463.

Opacity

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

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

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

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

This text has shadow with #663463 color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #663463; -webkit-box-shadow:	1px 1px 3px 2px #663463; box-shadow:	1px 1px 3px 2px #663463; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #663463; -webkit-box-shadow: 1px 1px 3px 2px #663463; box-shadow:1px 1px 3px 2px #663463;">
Div content here</div>

This div box has shadow with color #663463.

Preview

Color preview on black background

This text has color #663463 on black background.

Color preview on white background

This text has color #663463 on white background.

Black color preview on #663463 background

This text has black color on #663463 background.

White color preview on #663463 background

This text has white color on #663463 background.