Color #FFD224

Color info

#FFD224 contains mainly red and green colors. Web safe color of #FFD224 is #FFCC33 (or #FC3).

RGB color model

#FFD224 color RGB value is (255,210,36).

red value is 255;
green value is 210;
blue value is 36.

RGB:
(255,210,36)
(100%,82%,14%)

RGB channels and saturation

R 255 of 255 = 100%
G 210 of 255 = 82%
B 36 of 255 = 14%

255

210

R + G + B ~ 65%. #FFD224 is quite light color.

Portions of RGB colors in percentages

R + G + B =
255 + 210 + 36 = 501 (100%)
R 255 of 501 ~ 50.9%
G 210 of 501 ~ 41.92%
B 36 of 501 ~ 7.19%

%50.9

%41.92

CMYK color model

#FFD224 color CMYK value is (0,18,86,0).

cyan value is 0.00%
magenta value is 17.65%
yellow value is 85.88%
key color value is 0.00%

CMYK:
(0,18,86,0)
C0M18Y86K0 
(0%,18%,86%,0%)
(0.00/0.18/0.86/0.00)

CMYK percentages

%17.65

%85.88

Codes

Color #FFD224 in popluar color models

	FF	D2	24
RGB	255	210	36
HSL	48°	100.00%	57.06%
HSB/HSV	48°	85.88%	100.00%
CMYK	0.00%	17.65%	85.88%
CMYK	0.00%

Color #FFD224 in popluar number systems.

HEX	FF	D2	24
Decimal	255	210	36
Binary	11111111	11010010	100100
Octal	377	322	44

Shades and tints

Shades of #FFD224

#FFD224
(255,210,36)

#E8BF21
(232,191,33)

#D1AC1E
(209,172,30)

#BA991B
(186,153,27)

#A38618
(163,134,24)

#8C7315
(140,115,21)

#756012
(117,96,18)

#5E4D0F
(94,77,15)

#473A0C
(71,58,12)

#302709
(48,39,9)

#191406
(25,20,6)

#000000
(0,0,0)

Tints of #FFD224

#FFD224
(255,210,36)

#FFD637
(255,214,55)

#FFDA4A
(255,218,74)

#FFDE5D
(255,222,93)

#FFE270
(255,226,112)

#FFE683
(255,230,131)

#FFEA96
(255,234,150)

#FFEEA9
(255,238,169)

#FFF2BC
(255,242,188)

#FFF6CF
(255,246,207)

#FFFAE2
(255,250,226)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FFD224 color. Also use rgb(255,210,36) instead hex code.

Text Font Color

.myTextColor { color: #FFD224; }

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

This text font color is #FFD224.

Background Color

.myBgColor { background-color: #FFD224; }

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

This div background color is #FFD224.

Border color

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

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

This div border color is #FFD224.

Opacity

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

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

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

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

This text has shadow with #FFD224 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #FFD224.

Preview

Color preview on black background

This text has color #FFD224 on black background.

Color preview on white background

This text has color #FFD224 on white background.

Black color preview on #FFD224 background

This text has black color on #FFD224 background.

White color preview on #FFD224 background

This text has white color on #FFD224 background.