COLOR #DD52DC

HEX: #DD52DC
RGB: (221,82,220)

Color info

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

RGB color model

#DD52DC color RGB value is (221,82,220).

  • red value is 221;
  • green value is 82;
  • blue value is 220.
RGB:
(221,82,220)
(87%,32%,86%)

RGB channels and saturation

R 221 of 255 = 87%
G 82 of 255 = 32%
B 220 of 255 = 86%

221
82
220

R + G + B ~ 68%. #DD52DC is quite light color.

Portions of RGB colors in percentages

R + G + B =
221 + 82 + 220 = 523 (100%)
R 221 of 523 ~ 42.26%
G 82 of 523 ~ 15.68%
B 220 of 523 ~ 42.07%

%42.26
%15.68
%42.07

CMYK color model

#DD52DC color CMYK value is (0,63,0,13).

  • cyan value is 0.00%
  • magenta value is 62.90%
  • yellow value is 0.45%
  • key color value is 13.33%
CMYK:
(0,63,0,13)
C0M63Y0K13 
(0%,63%,0%,13%)
(0.00/0.63/0.00/0.13)	

CMYK percentages

%0
%62.9
%0.45
%13.33

Codes

Color #DD52DC in popluar color models

DD52DC
RGB22182220
HSL300°67.15%59.41%
HSB/HSV300°62.90%86.67%
CMYK0.00%62.90%0.45%
13.33%

Color #DD52DC in popluar number systems.

HEXDD52DC
Decimal22182220
Binary11011101101001011011100
Octal335122334

Shades and tints

Shades of #DD52DC

#DD52DC
(221,82,220)
#C94BC8
(201,75,200)
#B544B4
(181,68,180)
#A13DA0
(161,61,160)
#8D368C
(141,54,140)
#792F78
(121,47,120)
#652864
(101,40,100)
#512150
(81,33,80)
#3D1A3C
(61,26,60)
#291328
(41,19,40)
#150C14
(21,12,20)
#000000
(0,0,0)

Tints of #DD52DC

#DD52DC
(221,82,220)
#E061DF
(224,97,223)
#E370E2
(227,112,226)
#E67FE5
(230,127,229)
#E98EE8
(233,142,232)
#EC9DEB
(236,157,235)
#EFACEE
(239,172,238)
#F2BBF1
(242,187,241)
#F5CAF4
(245,202,244)
#F8D9F7
(248,217,247)
#FBE8FA
(251,232,250)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DD52DC color. Also use rgb(221,82,220) instead hex code.

Text Font Color

.myTextColor { color: #DD52DC; }

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

This text font color is #DD52DC.


Background Color

.myBgColor { background-color: #DD52DC; }

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

This div background color is #DD52DC.


Border color

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

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

This div border color is #DD52DC.


Opacity

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

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

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

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

This text has shadow with #DD52DC color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DD52DC on black background.


Color preview on white background

This text has color #DD52DC on white background.



Black color preview on #DD52DC background

This text has black color on #DD52DC background.


White color preview on #DD52DC background

This text has white color on #DD52DC background.