Color #DFC300

Color info

#DFC300 contains only red and green colors. Web safe color of #DFC300 is #CCCC00 (or #CC0).

RGB color model

#DFC300 color RGB value is (223,195,0).

red value is 223;
green value is 195;
blue value is 0.

RGB:
(223,195,0)
(87%,76%,0%)

RGB channels and saturation

R 223 of 255 = 87%
G 195 of 255 = 76%
B 0 of 255 = 0%

223

195

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

Portions of RGB colors in percentages

R + G + B =
223 + 195 + 0 = 418 (100%)
R 223 of 418 ~ 53.35%
G 195 of 418 ~ 46.65%
B 0 of 418 ~ 0%

%53.35

%46.65

CMYK color model

#DFC300 color CMYK value is (0,13,100,13).

cyan value is 0.00%
magenta value is 12.56%
yellow value is 100.00%
key color value is 12.55%

CMYK:
(0,13,100,13)
C0M13Y100K13 
(0%,13%,100%,13%)
(0.00/0.13/1.00/0.13)

CMYK percentages

%12.56

%100

%12.55

Codes

Color #DFC300 in popluar color models

	DF	C3	00
RGB	223	195	0
HSL	52°	100.00%	43.73%
HSB/HSV	52°	100.00%	87.45%
CMYK	0.00%	12.56%	100.00%
CMYK	12.55%

Color #DFC300 in popluar number systems.

HEX	DF	C3	00
Decimal	223	195	0
Binary	11011111	11000011	0
Octal	337	303	0

Shades and tints

Shades of #DFC300

#DFC300
(223,195,0)

#CBB200
(203,178,0)

#B7A100
(183,161,0)

#A39000
(163,144,0)

#8F7F00
(143,127,0)

#7B6E00
(123,110,0)

#675D00
(103,93,0)

#534C00
(83,76,0)

#3F3B00
(63,59,0)

#2B2A00
(43,42,0)

#171900
(23,25,0)

#000000
(0,0,0)

Tints of #DFC300

#DFC300
(223,195,0)

#E1C817
(225,200,23)

#E3CD2E
(227,205,46)

#E5D245
(229,210,69)

#E7D75C
(231,215,92)

#E9DC73
(233,220,115)

#EBE18A
(235,225,138)

#EDE6A1
(237,230,161)

#EFEBB8
(239,235,184)

#F1F0CF
(241,240,207)

#F3F5E6
(243,245,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DFC300 color. Also use rgb(223,195,0) instead hex code.

Text Font Color

.myTextColor { color: #DFC300; }

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

This text font color is #DFC300.

Background Color

.myBgColor { background-color: #DFC300; }

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

This div background color is #DFC300.

Border color

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

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

This div border color is #DFC300.

Opacity

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

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

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

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

This text has shadow with #DFC300 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DFC300.

Preview

Color preview on black background

This text has color #DFC300 on black background.

Color preview on white background

This text has color #DFC300 on white background.

Black color preview on #DFC300 background

This text has black color on #DFC300 background.

White color preview on #DFC300 background

This text has white color on #DFC300 background.