Pure Marigold is a medium, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFCC00, which equals rgb(255, 204, 0) in RGB and hsl(48, 100%, 50%) in HSL. In print terms it converts to roughly C0 M20 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFCC00 - RGB
255, 204, 0 - HSL
48°, 100%, 50% - CMYK
0, 20, 100, 0 - Family
Yellow - Tone
Medium, vivid
About Pure Marigold
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 13.89:1. Its complementary color is #0033FF.
Download Pure 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…
Pure Marigold color codes
| HEX | #FFCC00 |
|---|---|
| RGB | rgb(255, 204, 0) |
| HSL | hsl(48, 100%, 50%) |
| HSV | 48°, 100%, 100% |
| CMYK | 0%, 20%, 100%, 0% |
| Decimal | 16763904 |
Shades and tints of Pure Marigold
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF7D5 - 100
#FFEEAA - 200
#FFE680 - 300
#FFDD55 - 400
#FFD52B - 500
#FFCC00 - 600
#D5AA00 - 700
#AA8800 - 800
#806600 - 900
#554400 - 950
#2B2200
Color harmonies for Pure Marigold
- Complementary
#0033FF≈ Pure Sapphire - Analogous −30°
#FF4D00≈ Orange Red - Analogous +30°
#B3FF00≈ Pure Chartreuse - Triadic +120°
#00FFCC≈ Pure Aquamarine - Triadic +240°
#CC00FF≈ Pure Grape - Split 150°
#00B3FF≈ Pure Capri - Split 210°
#4D00FF≈ Ultramarine
Contrast and accessibility of Pure Marigold
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Marigold | Aa | 1.51:1 | Fails |
| Black text on Pure Marigold | Aa | 13.89:1 | AAA (excellent) |
CSS code for Pure Marigold
background-color: #FFCC00;color: #FFCC00;background-color: rgb(255, 204, 0);background-color: hsl(48, 100%, 50%);:root { --color-pure-marigold: #FFCC00; }class="bg-[#FFCC00]"Colors similar to Pure Marigold
- Gold
#FFD700 - Amber
#FFBF00 - Pure Gold
#FFE500 - Pure Amber
#FFB200 - Bright Gold
#E6D119 - Medium Light Marigold
#FFD429 - Bright Marigold
#E6BD19 - Medium Light Amber
#FFBF29 - Saffron
#F4C430 - Medium Dark Yellow
#D6D600 - Medium Dark Gold
#D6C100 - Bright Yellow
#E5E619
More yellow shades
- Cream
#FFFDD0 - Brass
#B5A642 - Citron
#DFFF00 - Lemon
#FFF700 - Canary
#FFFF99 - Saffron
#F4C430 - Medium Light Marigold
#FFD429 - Light Marigold
#FFDC52 - Pale Marigold
#FFE47A - Very Pale Marigold
#FFEDA3 - Palest Marigold
#FFF5CC
Frequently asked questions
What is the HEX code for Pure Marigold?
The HEX code for Pure Marigold is #FFCC00.
What is the RGB value of Pure Marigold?
Pure Marigold has an RGB value of 255, 204, 0 (rgb(255, 204, 0)). In HSL it is 48°, 100%, 50%.
What text color should I use on Pure Marigold?
Use black text on Pure Marigold. White text has a contrast ratio of 1.51:1 and black text has 13.89:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Marigold?
The complementary color of Pure Marigold is #0033FF. Analogous colors #FF4D00 and #B3FF00 also pair well.