Pale Marigold is a medium-light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFE47A, which equals rgb(255, 228, 122) in RGB and hsl(48, 100%, 74%) in HSL. In print terms it converts to roughly C0 M11 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFE47A - RGB
255, 228, 122 - HSL
48°, 100%, 74% - CMYK
0, 11, 52, 0 - Family
Yellow - Tone
Medium-light, vivid
About Pale 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. 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 16.63:1. Its complementary color is #7A95FF.
Download Pale 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…
Pale Marigold color codes
| HEX | #FFE47A |
|---|---|
| RGB | rgb(255, 228, 122) |
| HSL | hsl(48, 100%, 74%) |
| HSV | 48°, 52%, 100% |
| CMYK | 0%, 11%, 52%, 0% |
| Decimal | 16770170 |
Shades and tints of Pale Marigold
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFBE9 - 100
#FFF6D3 - 200
#FFF2BD - 300
#FFEDA6 - 400
#FFE990 - 500
#FFE47A - 600
#D5BE66 - 700
#AA9851 - 800
#80723D - 900
#554C29 - 950
#2B2614
Color harmonies for Pale Marigold
- Complementary
#7A95FF≈ Pale Sapphire - Analogous −30°
#FFA27A≈ Light Salmon - Analogous +30°
#D7FF7A≈ Pale Spring Bud - Triadic +120°
#7AFFE4≈ Pale Aquamarine - Triadic +240°
#E47AFF≈ Pale Grape - Split 150°
#7AD7FF≈ Pale Peacock - Split 210°
#A27AFF≈ Pale Indigo
Contrast and accessibility of Pale Marigold
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Marigold | Aa | 1.26:1 | Fails |
| Black text on Pale Marigold | Aa | 16.63:1 | AAA (excellent) |
CSS code for Pale Marigold
background-color: #FFE47A;color: #FFE47A;background-color: rgb(255, 228, 122);background-color: hsl(48, 100%, 74%);:root { --color-pale-marigold: #FFE47A; }class="bg-[#FFE47A]"Colors similar to Pale Marigold
- Pale Amber
#FFD77A - Pale Gold
#FFF27A - Pale Bright Gold
#F2E788 - Pale Bright Marigold
#F2DD88 - Khaki
#F0E68C - Pale Bright Yellow
#F2F288 - Light Bright Gold
#EEE063 - Pale Bright Amber
#F2D288 - Light Bright Yellow
#EEEE63 - Mustard
#FFDB58 - Pale Tangerine
#FFCA7A - Pale Bright Citron
#E7F288
More yellow shades
- Lemon
#FFF700 - Canary
#FFFF99 - Saffron
#F4C430 - Pure Marigold
#FFCC00 - Medium Light Marigold
#FFD429 - Light Marigold
#FFDC52 - Very Pale Marigold
#FFEDA3 - Palest Marigold
#FFF5CC - Bright Marigold
#E6BD19 - Medium Light Bright Marigold
#EAC73E - Light Bright Marigold
#EED263
Frequently asked questions
What is the HEX code for Pale Marigold?
The HEX code for Pale Marigold is #FFE47A.
What is the RGB value of Pale Marigold?
Pale Marigold has an RGB value of 255, 228, 122 (rgb(255, 228, 122)). In HSL it is 48°, 100%, 74%.
What text color should I use on Pale Marigold?
Use black text on Pale Marigold. White text has a contrast ratio of 1.26:1 and black text has 16.63:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Marigold?
The complementary color of Pale Marigold is #7A95FF. Analogous colors #FFA27A and #D7FF7A also pair well.