COLOR #DA5954

HEX: #DA5954
RGB: (218,89,84)

Color info

#DA5954 contains mainly red color. Web safe color of #DA5954 is #CC6666 (or #C66).

RGB color model

#DA5954 color RGB value is (218,89,84).

  • red value is 218;
  • green value is 89;
  • blue value is 84.
RGB:
(218,89,84)
(85%,35%,33%)

RGB channels and saturation

R 218 of 255 = 85%
G 89 of 255 = 35%
B 84 of 255 = 33%

218
89
84

R + G + B ~ 51%. #DA5954 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
218 + 89 + 84 = 391 (100%)
R 218 of 391 ~ 55.75%
G 89 of 391 ~ 22.76%
B 84 of 391 ~ 21.48%

%55.75
%22.76
%21.48

CMYK color model

#DA5954 color CMYK value is (0,59,61,15).

  • cyan value is 0.00%
  • magenta value is 59.17%
  • yellow value is 61.47%
  • key color value is 14.51%
CMYK:
(0,59,61,15)
C0M59Y61K15 
(0%,59%,61%,15%)
(0.00/0.59/0.61/0.15)	

CMYK percentages

%0
%59.17
%61.47
%14.51

Codes

Color #DA5954 in popluar color models

DA5954
RGB2188984
HSL64.42%59.22%
HSB/HSV61.47%85.49%
CMYK0.00%59.17%61.47%
14.51%

Color #DA5954 in popluar number systems.

HEXDA5954
Decimal2188984
Binary1101101010110011010100
Octal332131124

Shades and tints

Shades of #DA5954

#DA5954
(218,89,84)
#C7514D
(199,81,77)
#B44946
(180,73,70)
#A1413F
(161,65,63)
#8E3938
(142,57,56)
#7B3131
(123,49,49)
#68292A
(104,41,42)
#552123
(85,33,35)
#42191C
(66,25,28)
#2F1115
(47,17,21)
#1C090E
(28,9,14)
#000000
(0,0,0)

Tints of #DA5954

#DA5954
(218,89,84)
#DD6863
(221,104,99)
#E07772
(224,119,114)
#E38681
(227,134,129)
#E69590
(230,149,144)
#E9A49F
(233,164,159)
#ECB3AE
(236,179,174)
#EFC2BD
(239,194,189)
#F2D1CC
(242,209,204)
#F5E0DB
(245,224,219)
#F8EFEA
(248,239,234)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DA5954 color. Also use rgb(218,89,84) instead hex code.

Text Font Color

.myTextColor { color: #DA5954; }

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

This text font color is #DA5954.


Background Color

.myBgColor { background-color: #DA5954; }

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

This div background color is #DA5954.


Border color

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

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

This div border color is #DA5954.


Opacity

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

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

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

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

This text has shadow with #DA5954 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DA5954 on black background.


Color preview on white background

This text has color #DA5954 on white background.



Black color preview on #DA5954 background

This text has black color on #DA5954 background.


White color preview on #DA5954 background

This text has white color on #DA5954 background.