Color #DA6BBB

Color info

#DA6BBB contains mainly red and blue colors. Web safe color of #DA6BBB is #CC66CC (or #C6C).

RGB color model

#DA6BBB color RGB value is (218,107,187).

red value is 218;
green value is 107;
blue value is 187.

RGB:
(218,107,187)
(85%,42%,73%)

RGB channels and saturation

R 218 of 255 = 85%
G 107 of 255 = 42%
B 187 of 255 = 73%

218

107

187

R + G + B ~ 67%. #DA6BBB is quite light color.

Portions of RGB colors in percentages

R + G + B =
218 + 107 + 187 = 512 (100%)
R 218 of 512 ~ 42.58%
G 107 of 512 ~ 20.9%
B 187 of 512 ~ 36.52%

%42.58

%20.9

%36.52

CMYK color model

#DA6BBB color CMYK value is (0,51,14,15).

cyan value is 0.00%
magenta value is 50.92%
yellow value is 14.22%
key color value is 14.51%

CMYK:
(0,51,14,15)
C0M51Y14K15 
(0%,51%,14%,15%)
(0.00/0.51/0.14/0.15)

CMYK percentages

%50.92

%14.22

%14.51

Codes

Color #DA6BBB in popluar color models

	DA	6B	BB
RGB	218	107	187
HSL	317°	60.00%	63.73%
HSB/HSV	317°	50.92%	85.49%
CMYK	0.00%	50.92%	14.22%
CMYK	14.51%

Color #DA6BBB in popluar number systems.

HEX	DA	6B	BB
Decimal	218	107	187
Binary	11011010	1101011	10111011
Octal	332	153	273

Shades and tints

Shades of #DA6BBB

#DA6BBB
(218,107,187)

#C762AA
(199,98,170)

#B45999
(180,89,153)

#A15088
(161,80,136)

#8E4777
(142,71,119)

#7B3E66
(123,62,102)

#683555
(104,53,85)

#552C44
(85,44,68)

#422333
(66,35,51)

#2F1A22
(47,26,34)

#1C1111
(28,17,17)

#000000
(0,0,0)

Tints of #DA6BBB

#DA6BBB
(218,107,187)

#DD78C1
(221,120,193)

#E085C7
(224,133,199)

#E392CD
(227,146,205)

#E69FD3
(230,159,211)

#E9ACD9
(233,172,217)

#ECB9DF
(236,185,223)

#EFC6E5
(239,198,229)

#F2D3EB
(242,211,235)

#F5E0F1
(245,224,241)

#F8EDF7
(248,237,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DA6BBB color. Also use rgb(218,107,187) instead hex code.

Text Font Color

.myTextColor { color: #DA6BBB; }

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

This text font color is #DA6BBB.

Background Color

.myBgColor { background-color: #DA6BBB; }

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

This div background color is #DA6BBB.

Border color

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

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

This div border color is #DA6BBB.

Opacity

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

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

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

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

This text has shadow with #DA6BBB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DA6BBB.

Preview

Color preview on black background

This text has color #DA6BBB on black background.

Color preview on white background

This text has color #DA6BBB on white background.

Black color preview on #DA6BBB background

This text has black color on #DA6BBB background.

White color preview on #DA6BBB background

This text has white color on #DA6BBB background.