Marigold

#EAA221

What color is Marigold?

Marigold is a warm, golden-orange yellow, hex #EAA221, close to the color of a fresh marigold flower in full bloom. It carries more orange than a lemon yellow but stops short of a burnt amber, giving it a bright, sunlit quality.

What is the meaning of the color Marigold?

Named after the marigold flower, which itself derives from ‘Mary’s gold,’ a name used in medieval English religious tradition in reference to the Virgin Mary. The flower was cultivated across Europe and traded through Indian markets, where its vivid color became associated with celebration and ceremony. By the 20th century, the color had moved into textile and fashion use, and Crayola introduced a crayon named Marigold in 1949, anchoring it as a recognized color name in American households.

RGB
234, 162, 33
HSL
39°, 83%, 52%
CMYK
0, 31, 86, 8
HSV
39°, 86%, 92%
Marigold color

What colors go with Marigold?

Colors that pair well with Marigold include:
Navy Blue: strong, cool contrast
Forest Green: natural, grounded balance
Burgundy: rich, warm depth
Ivory: soft, brightening complement
Charcoal: bold, modern anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #EAA221 color: #EAA221;
RGB 234, 162, 33 color: rgb(234, 162, 33);
RGB Percentage 92%, 64%, 13% color: rgb(92%, 64%, 13%);
CMYK 0%, 31%, 86%, 8% Not supported in CSS
HSL 39°, 83%, 52% color: hsl(39, 83%, 52%);
HSV 39°, 86%, 92% Not supported in CSS
CIE-LAB 42, 14, 43 color: lab(42% 14 43);
Decimal 15376929 Not supported in CSS

Color Variations

Shades

#EAA31F
#DA9514
#C28412
#AA7410
#92630E
#79530B
#614209
#493207

Tints

#F9E3BC
#F7DAA5
#F5D18F
#F3C879
#F0BF62
#EEB54C
#ECAC35
#EAA31F

Tones

#EAA31F
#E0A029
#D69D33
#CC9A3D
#C29748
#B79452
#AD915C
#A38E66

Hues

#EAA31F
#99EA1F
#1FEA3D
#1FEAD6
#1F66EA
#701FEA
#EA1FCC
#EA1F33

Color Harmonies

Analogous

#EA3D1F
Click to copy
#EAA221
Click to copy
#CCEA1F
Click to copy
98%

Complementary

#EAA221
Click to copy
#1F66EA
Click to copy

Split Complementary

#EAA221
Click to copy
#1FCCEA
Click to copy
#3D1FEA
Click to copy

Triadic

#EAA221
Click to copy
#1FEAA3
Click to copy
#A31FEA
Click to copy

Tetradic

#EAA221
Click to copy
#1FEA3D
Click to copy
#1F66EA
Click to copy
#EA1FCC
Click to copy

Square

#EAA221
Click to copy
#1FEA3D
Click to copy
#1F66EA
Click to copy
#EA1FCC
Click to copy

CSS & Dev Snippets

CSS
.marigold {
  color: #EAA221;
}
SCSS
$marigold: #EAA221;
RGB
rgb(234, 162, 33)

Accessibility & Contrast

White background

2.17:1
2.17
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.69:1
9.69
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags