Golden Poppy (#fcc200) Web Color For Web Page Design

Everything about Golden Poppy (#fcc200) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

Golden Poppy (#fcc200) Color Hex

Golden Poppy (#fcc200) rgb(252, 194, 0)

Color spaces of Golden Poppy (#fcc200)

RGB2521940
HSL0.131.000.49
HSV4710099
CMYK0.000.231.00 0.01
XYZ59.436759.27908.3093
Yxy0.46790.4667
Hunter Lab76.99293.060247.4962
CIE-Lab81.44477.551183.1750

Base Numbers

BaseRedGreenBlue
Binary111111001100001000000000
Octal3743020
Decimal2521940
HexFCC200

Shades of Golden Poppy (#fcc200)

Copied!
HEX toggle hex RGB
#fcc200 #e3af00 #ca9b00 #b08800 #977400 #7e6100 #654e00 #4c3a00 #322700 #191300 #000000

Tints of Golden Poppy (#fcc200)

Copied!
HEX toggle hex RGB
#ebb708 #deaf14 #d4ac24 #cfac38 #ceb150 #d0b86b #d6c48a #e0d4ae #eee8d4 #ffffff

RGB Percentages of Color Golden Poppy (#fcc200)

Red
Green
Blue

CMYK Percentages of Color Golden Poppy (#fcc200)

Cyan
Magenta
Yellow
Black

Analogous Colors of Golden Poppy (#fcc200)

Copied!
HEX toggle hex RGB
#fcc200 #bbff00 #3bff00 #00ff44

Triadic Colors of Golden Poppy (#fcc200) separated with 120° angle

Copied!
HEX toggle hex RGB
#fcc200 #00ffc8 #c800ff

Tetradic Colors of Golden Poppy (#fcc200) separated with 90° angle

Copied!
HEX toggle hex RGB
#fcc200 #00ff48 #0037ff #ff00b7

Monochromatic Colors of Golden Poppy (#fcc200)

Copied!
HEX toggle hex RGB
#806400 #b38c00 #d9aa00 #ffd026 #ffd84d

Complementary Color

Copied!
HEX toggle hex RGB
#fcc200 #0037ff

Pastel variations

Copied!
HEX toggle hex RGB
#e6d873 #807840 #e6e3cf #bfae30

Soft variations

Copied!
HEX toggle hex RGB
#ccc58f #807b59 #e6e3cf #bfb460

Light variations

Copied!
HEX toggle hex RGB
#fff7bf #bfb460 #fffce6 #fff080

Hard variations

Copied!
HEX toggle hex RGB
#ffe000 #998600 #fffce6 #ffec66

Pale variations

Copied!
HEX toggle hex RGB
#d9d6c3 #807e73 #fffce6 #bfbdac

Golden Poppy (#fcc200) Color Preview on Black Background

This is Golden Poppy (#fcc200) on a black background

Golden Poppy (#fcc200) Color Preview on White Background

This is Golden Poppy (#fcc200) on a white background

Golden Poppy (#fcc200) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

Golden Poppy (#fcc200) Text Font Color

This is a sample text written with the Golden Poppy (#fcc200) color.
This is a strong text written with the Golden Poppy (#fcc200) as well.

Golden Poppy (#fcc200) Background Color

                <div style="background-color:Golden Poppy (#fcc200)">
                    Text on the Golden Poppy (#fcc200) color
                </div>

Golden Poppy (#fcc200) Border Color

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

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(252, 194, 0);">Text here</p>

This is a text with rgb(252, 194, 0) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #fcc200;
                  -webkit-box-shadow: 1px 1px 3px 2px #fcc200;
                  box-shadow:         1px 1px 3px 2px #fcc200;">
                    Div content here
                </div>
An html Div with text shadow using #fcc200 color hex code

Related palettes

Copied!
share
HEX toggle hex RGB
Lantern Light
Copied!
share
HEX toggle hex RGB
Royal Color Scheme
Copied!
share
HEX toggle hex RGB
Garden Part 1
Copied!
share
HEX toggle hex RGB
Fall Wedding 92119
Copied!
share
HEX toggle hex RGB
Bonus Pak 120 gems
Copied!
share
HEX toggle hex RGB
True Crayola 3