COLOR #DF59A0

HEX: #DF59A0 RGB: (223,89,160)

Color info

#DF59A0 contains mainly red color. Web safe color of #DF59A0 is #CC6699 (or #C69).

RGB color model

#DF59A0 color RGB value is (223,89,160).

RGB: (223,89,160) (87%, 35%, 63%)

RGB channels and saturation

R 223 of 255 = 87%
G 89 of 255 = 35%
B 160 of 255 = 63%

223
89
160

R + G + B ~ 62%. #DF59A0 is quite light color.

Portions of RGB colors in percentages

R + G + B = 223 + 89 + 160 = 472 (100%)
R 223 of 472 ~ 47.25%
G 89 of 472 ~ 18.86%
B 160 of 472 ~ 33.9'%

%47.25
%18.86
%33.9

CMYK color model

#DF59A0 color CMYK value is (0,60,28,13).

  • cyan value is 0.00%
  • magenta value is 60.09%
  • yellow value is 28.25%
  • key color value is 12.55%
CMYK: (0,60,28,13) C0M60Y28K13 (0%,60%,28%,13%) (0.00/0.60/0.28/0.13)

CMYK percentages

%0
%60.09
%28.25
%12.55

Codes

Color #DF59A0 in popluar color models

DF 59 A0
RGB 223 89 160
HSL 328° 67.68% 61.18%
HSB/HSV 328° 60.09% 87.45%
CMYK 0.00% 60.09% 28.25%
12.55%

Color #DF59A0 in popluar number systems.

HEX DF 59 A0
Decimal 223 89 160
Binary 11011111 1011001 10100000
Octal 337 131 240

Shades and tints

Shades of #DF59A0

#DF59A0
(223,89,160)
#CB5192
(203,81,146)
#B74984
(183,73,132)
#A34176
(163,65,118)
#8F3968
(143,57,104)
#7B315A
(123,49,90)
#67294C
(103,41,76)
#53213E
(83,33,62)
#3F1930
(63,25,48)
#2B1122
(43,17,34)
#170914
(23,9,20)
#000000
(0,0,0)

Tints of #DF59A0

#DF59A0
(223,89,160)
#E168A8
(225,104,168)
#E377B0
(227,119,176)
#E586B8
(229,134,184)
#E795C0
(231,149,192)
#E9A4C8
(233,164,200)
#EBB3D0
(235,179,208)
#EDC2D8
(237,194,216)
#EFD1E0
(239,209,224)
#F1E0E8
(241,224,232)
#F3EFF0
(243,239,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DF59A0 color. Also use rgb(223,89,160) instead hex code.

Text Font Color

.myTextColor { color: #DF59A0; }

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

This text font color is #DF59A0.


Background Color

.myBgColor { background-color: #DF59A0; }

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

This div background color is #DF59A0.


Border color

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

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

This div border color is #DF59A0.


Opacity

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

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

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

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

This text has shadow with #DF59A0 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #DF59A0 on black background.


Color preview on white background

This text has color #DF59A0 on white background.


Black color preview on #DF59A0 background

This text has black color on #DF59A0 background.


White color preview on #DF59A0 background

This text has white color on #DF59A0 background.


↑