COLOR #DD60BE

HEX: #DD60BE
RGB: (221,96,190)

Color info

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

RGB color model

#DD60BE color RGB value is (221,96,190).

  • red value is 221;
  • green value is 96;
  • blue value is 190.
RGB: (221,96,190) (87%,38%,75%)

RGB channels and saturation

R 221 of 255 = 87%
G 96 of 255 = 38%
B 190 of 255 = 75%

221
96
190

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

Portions of RGB colors in percentages

R + G + B =
221 + 96 + 190 = 507 (100%)
R 221 of 507 ~ 43.59%
G 96 of 507 ~ 18.93%
B 190 of 507 ~ 37.48%

%43.59
%18.93
%37.48

CMYK color model

#DD60BE color CMYK value is (0,57,14,13).

  • cyan value is 0.00%
  • magenta value is 56.56%
  • yellow value is 14.03%
  • key color value is 13.33%
CMYK: (0,57,14,13) C0M57Y14K13 (0%,57%,14%,13%) (0.00/0.57/0.14/0.13)

CMYK percentages

%0
%56.56
%14.03
%13.33

Codes

Color #DD60BE in popluar color models

DD60BE
RGB22196190
HSL315°64.77%62.16%
HSB/HSV315°56.56%86.67%
CMYK0.00%56.56%14.03%
13.33%

Color #DD60BE in popluar number systems.

HEXDD60BE
Decimal22196190
Binary11011101110000010111110
Octal335140276

Shades and tints

Shades of #DD60BE

#DD60BE
(221,96,190)
#C958AD
(201,88,173)
#B5509C
(181,80,156)
#A1488B
(161,72,139)
#8D407A
(141,64,122)
#793869
(121,56,105)
#653058
(101,48,88)
#512847
(81,40,71)
#3D2036
(61,32,54)
#291825
(41,24,37)
#151014
(21,16,20)
#000000
(0,0,0)

Tints of #DD60BE

#DD60BE
(221,96,190)
#E06EC3
(224,110,195)
#E37CC8
(227,124,200)
#E68ACD
(230,138,205)
#E998D2
(233,152,210)
#ECA6D7
(236,166,215)
#EFB4DC
(239,180,220)
#F2C2E1
(242,194,225)
#F5D0E6
(245,208,230)
#F8DEEB
(248,222,235)
#FBECF0
(251,236,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DD60BE color. Also use rgb(221,96,190) instead hex code.

Text Font Color

.myTextColor { color: #DD60BE; }

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

This text font color is #DD60BE.


Background Color

.myBgColor { background-color: #DD60BE; }

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

This div background color is #DD60BE.


Border color

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

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

This div border color is #DD60BE.


Opacity

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

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

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

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

This text has shadow with #DD60BE color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #DD60BE on black background.


Color preview on white background

This text has color #DD60BE on white background.



Black color preview on #DD60BE background

This text has black color on #DD60BE background.


White color preview on #DD60BE background

This text has white color on #DD60BE background.