Marigold (#eaa221) Web Color For Web Page Design

Everything about Marigold (#eaa221) 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.

Marigold (#eaa221) Color Hex

Marigold (#eaa221) rgb(234, 162, 33)

Color spaces of Marigold (#eaa221)

RGB23416233
HSL0.110.830.52
HSV398692
CMYK0.000.310.86 0.08
XYZ47.126543.44297.3403
Yxy0.48130.4437
Hunter Lab65.911212.282939.5349
CIE-Lab71.854517.058870.0751

Base Numbers

BaseRedGreenBlue
Binary111010101010001000100001
Octal35224241
Decimal23416233
HexEAA221

Shades of Marigold (#eaa221)

Copied!
HEX toggle hex RGB
#eaa221 #d3921e #bb821a #a47117 #8c6114 #755111 #5e410d #46310a #2f2007 #171003 #000000

Tints of Marigold (#eaa221)

Copied!
HEX toggle hex RGB
#dd9c28 #d39a33 #cd9b40 #ca9f51 #cba766 #ceb27e #d6c099 #e0d1b7 #eee6da #ffffff

RGB Percentages of Color Marigold (#eaa221)

Red
Green
Blue

CMYK Percentages of Color Marigold (#eaa221)

Cyan
Magenta
Yellow
Black

Analogous Colors of Marigold (#eaa221)

Copied!
HEX toggle hex RGB
#eaa221 #d9ff00 #59ff00 #00ff26

Triadic Colors of Marigold (#eaa221) separated with 120° angle

Copied!
HEX toggle hex RGB
#eaa221 #24eba5 #a524eb

Tetradic Colors of Marigold (#eaa221) separated with 90° angle

Copied!
HEX toggle hex RGB
#eaa221 #24eb42 #2469eb #eb24cd

Monochromatic Colors of Marigold (#eaa221)

Copied!
HEX toggle hex RGB
#7c540b #ad7610 #d28f14 #eeb449 #f2c36e

Complementary Color

Copied!
HEX toggle hex RGB
#eaa221 #2469eb

Pastel variations

Copied!
HEX toggle hex RGB
#e6cc73 #807240 #e6e0cf #bfa030

Soft variations

Copied!
HEX toggle hex RGB
#ccbf8f #807759 #e6e0cf #bfaa60

Light variations

Copied!
HEX toggle hex RGB
#fff1bf #bfaa60 #fff9e6 #ffe380

Hard variations

Copied!
HEX toggle hex RGB
#ffc700 #997700 #fff9e6 #ffdd66

Pale variations

Copied!
HEX toggle hex RGB
#d9d4c3 #807d73 #fff9e6 #bfbbac

Marigold (#eaa221) Color Preview on Black Background

This is Marigold (#eaa221) on a black background

Marigold (#eaa221) Color Preview on White Background

This is Marigold (#eaa221) on a white background

Marigold (#eaa221) Color CSS Codes

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

Marigold (#eaa221) Text Font Color

This is a sample text written with the Marigold (#eaa221) color.
This is a strong text written with the Marigold (#eaa221) as well.

Marigold (#eaa221) Background Color

                <div style="background-color:Marigold (#eaa221)">
                    Text on the Marigold (#eaa221) color
                </div>

Marigold (#eaa221) 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(234, 162, 33);">Text here</p>

This is a text with rgb(234, 162, 33) as a shadow color.

Div Box Shadow

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

Related palettes

Copied!
share
HEX toggle hex RGB
3221E - F6AF1
Copied!
share
HEX toggle hex RGB
Meaningful name 2
Copied!
share
HEX toggle hex RGB
Fuchsia Orange Teal Soft Yellow Green
Copied!
share
HEX toggle hex RGB
Banded Owl Butterfly
Copied!
share
HEX toggle hex RGB
Ignorance