COLOR #DCAE61

HEX: #DCAE61
RGB: (220,174,97)

Color info

#DCAE61 contains mainly red and green colors. Web safe color of #DCAE61 is #CC9966 (or #C96).

RGB color model

#DCAE61 color RGB value is (220,174,97).

  • red value is 220;
  • green value is 174;
  • blue value is 97.
RGB:
(220,174,97)
(86%,68%,38%)

RGB channels and saturation

R 220 of 255 = 86%
G 174 of 255 = 68%
B 97 of 255 = 38%

220
174
97

R + G + B ~ 64%. #DCAE61 is quite light color.

Portions of RGB colors in percentages

R + G + B =
220 + 174 + 97 = 491 (100%)
R 220 of 491 ~ 44.81%
G 174 of 491 ~ 35.44%
B 97 of 491 ~ 19.76%

%44.81
%35.44
%19.76

CMYK color model

#DCAE61 color CMYK value is (0,21,56,14).

  • cyan value is 0.00%
  • magenta value is 20.91%
  • yellow value is 55.91%
  • key color value is 13.73%
CMYK:
(0,21,56,14)
C0M21Y56K14 
(0%,21%,56%,14%)
(0.00/0.21/0.56/0.14)	

CMYK percentages

%0
%20.91
%55.91
%13.73

Codes

Color #DCAE61 in popluar color models

DCAE61
RGB22017497
HSL38°63.73%62.16%
HSB/HSV38°55.91%86.27%
CMYK0.00%20.91%55.91%
13.73%

Color #DCAE61 in popluar number systems.

HEXDCAE61
Decimal22017497
Binary11011100101011101100001
Octal334256141

Shades and tints

Shades of #DCAE61

#DCAE61
(220,174,97)
#C89F59
(200,159,89)
#B49051
(180,144,81)
#A08149
(160,129,73)
#8C7241
(140,114,65)
#786339
(120,99,57)
#645431
(100,84,49)
#504529
(80,69,41)
#3C3621
(60,54,33)
#282719
(40,39,25)
#141811
(20,24,17)
#000000
(0,0,0)

Tints of #DCAE61

#DCAE61
(220,174,97)
#DFB56F
(223,181,111)
#E2BC7D
(226,188,125)
#E5C38B
(229,195,139)
#E8CA99
(232,202,153)
#EBD1A7
(235,209,167)
#EED8B5
(238,216,181)
#F1DFC3
(241,223,195)
#F4E6D1
(244,230,209)
#F7EDDF
(247,237,223)
#FAF4ED
(250,244,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DCAE61 color. Also use rgb(220,174,97) instead hex code.

Text Font Color

.myTextColor { color: #DCAE61; }

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

This text font color is #DCAE61.


Background Color

.myBgColor { background-color: #DCAE61; }

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

This div background color is #DCAE61.


Border color

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

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

This div border color is #DCAE61.


Opacity

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

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

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

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

This text has shadow with #DCAE61 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DCAE61 on black background.


Color preview on white background

This text has color #DCAE61 on white background.



Black color preview on #DCAE61 background

This text has black color on #DCAE61 background.


White color preview on #DCAE61 background

This text has white color on #DCAE61 background.