Marigold is a medium, saturated shade in the orange color family, with a warm feel. Its HEX code is #EAA221, which equals rgb(234, 162, 33) in RGB and hsl(39, 83%, 52%) in HSL. In print terms it converts to roughly C0 M31 Y86 K8, although exact CMYK results depend on the paper and color profile.
- HEX
#EAA221 - RGB
234, 162, 33 - HSL
39°, 83%, 52% - CMYK
0, 31, 86, 8 - Family
Orange - Tone
Medium, saturated
About Marigold
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 9.69:1. Its complementary color is #1F66EA.
Download Marigold as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Marigold color codes
| HEX | #EAA221 |
|---|---|
| RGB | rgb(234, 162, 33) |
| HSL | hsl(39, 83%, 52%) |
| HSV | 39°, 86%, 92% |
| CMYK | 0%, 31%, 86%, 8% |
| Decimal | 15376929 |
Shades and tints of Marigold
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FCF0DA - 100
#F8E0B5 - 200
#F5D190 - 300
#F1C16B - 400
#EEB246 - 500
#EAA221 - 600
#C3871C - 700
#9C6C16 - 800
#755111 - 900
#4E360B - 950
#271B06
Color harmonies for Marigold
- Complementary
#1F66EA≈ Bright Cornflower - Analogous −30°
#EA3D1F≈ Bright Vermilion - Analogous +30°
#CCEA1F≈ Bright Citron - Triadic +120°
#1FEAA3≈ Bright Aquamarine - Triadic +240°
#A31FEA≈ Bright Grape - Split 150°
#1FCCEA≈ Bright Lagoon - Split 210°
#3D1FEA≈ Bright Indigo
Contrast and accessibility of Marigold
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Marigold | Aa | 2.17:1 | Fails |
| Black text on Marigold | Aa | 9.69:1 | AAA (excellent) |
CSS code for Marigold
background-color: #EAA221;color: #EAA221;background-color: rgb(234, 162, 33);background-color: hsl(39, 83%, 52%);:root { --color-marigold: #EAA221; }class="bg-[#EAA221]"Colors similar to Marigold
- Bright Amber
#E6A819 - Goldenrod
#DAA520 - Bright Tangerine
#E69419 - Medium Light Tangerine
#FFA929 - Medium Light Bright Tangerine
#EAA53E - Medium Light Orange
#FF9429 - Medium Light Bright Orange
#EA943E - Bright Marigold
#E6BD19 - Soft Amber
#CC9E33 - Medium Light Bright Amber
#EAB63E - Orange
#FFA500 - Soft Marigold
#CCAD33
More orange shades
- Sandy Brown
#F4A460 - Wheat
#F5DEB3 - Amber
#FFBF00 - Champagne
#F7E7CE - Bronze
#CD7F32 - Copper
#B87333 - Tangerine
#F28500 - Pumpkin
#FF7518 - Apricot
#FBCEB1 - Peach
#FFE5B4 - Pure Cinnabar
#FF4D00
Frequently asked questions
What is the HEX code for Marigold?
The HEX code for Marigold is #EAA221.
What is the RGB value of Marigold?
Marigold has an RGB value of 234, 162, 33 (rgb(234, 162, 33)). In HSL it is 39°, 83%, 52%.
What text color should I use on Marigold?
Use black text on Marigold. White text has a contrast ratio of 2.17:1 and black text has 9.69:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Marigold?
The complementary color of Marigold is #1F66EA. Analogous colors #EA3D1F and #CCEA1F also pair well.