Pale Bright Marigold is a medium-light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #F2DD88, which equals rgb(242, 221, 136) in RGB and hsl(48, 80%, 74%) in HSL. In print terms it converts to roughly C0 M9 Y44 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#F2DD88 - RGB
242, 221, 136 - HSL
48°, 80%, 74% - CMYK
0, 9, 44, 5 - Family
Yellow - Tone
Medium-light, saturated
About Pale Bright 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 15.47:1. Its complementary color is #889DF2.
Download Pale Bright 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 Bright Marigold color codes
| HEX | #F2DD88 |
|---|---|
| RGB | rgb(242, 221, 136) |
| HSL | hsl(48, 80%, 74%) |
| HSV | 48°, 44%, 95% |
| CMYK | 0%, 9%, 44%, 5% |
| Decimal | 15916424 |
Shades and tints of Pale Bright Marigold
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDF9EB - 100
#FBF4D7 - 200
#F9EEC4 - 300
#F6E8B0 - 400
#F4E39C - 500
#F2DD88 - 600
#CAB871 - 700
#A1935B - 800
#796F44 - 900
#514A2D - 950
#282517
Color harmonies for Pale Bright Marigold
- Complementary
#889DF2≈ Pale Bright Sapphire - Analogous −30°
#F2A788≈ Pale Bright Vermilion - Analogous +30°
#D2F288≈ Pale Bright Spring Bud - Triadic +120°
#88F2DD≈ Pale Bright Teal - Triadic +240°
#DD88F2≈ Pale Bright Orchid - Split 150°
#88D2F2≈ Sky Blue - Split 210°
#A788F2≈ Pale Bright Indigo
Contrast and accessibility of Pale Bright Marigold
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Bright Marigold | Aa | 1.36:1 | Fails |
| Black text on Pale Bright Marigold | Aa | 15.47:1 | AAA (excellent) |
CSS code for Pale Bright Marigold
background-color: #F2DD88;color: #F2DD88;background-color: rgb(242, 221, 136);background-color: hsl(48, 80%, 74%);:root { --color-pale-bright-marigold: #F2DD88; }class="bg-[#F2DD88]"Colors similar to Pale Bright Marigold
- Khaki
#F0E68C - Pale Bright Gold
#F2E788 - Pale Bright Amber
#F2D288 - Pale Soft Gold
#E4DD95 - Pale Amber
#FFD77A - Pale Marigold
#FFE47A - Pale Soft Yellow
#E4E495 - Pale Soft Marigold
#E4D595 - Pale Bright Yellow
#F2F288 - Pale Soft Citron
#DDE495 - Pale Bright Tangerine
#F2C788 - Pale Soft Amber
#E4CD95
More yellow shades
- Pale Marigold
#FFE47A - Very Pale Marigold
#FFEDA3 - Palest Marigold
#FFF5CC - Bright Marigold
#E6BD19 - Medium Light Bright Marigold
#EAC73E - Light Bright Marigold
#EED263 - Very Pale Bright Marigold
#F6E7AC - Palest Bright Marigold
#FAF2D1 - Soft Marigold
#CCAD33 - Medium Light Soft Marigold
#D4BA54 - Light Soft Marigold
#DCC874
Frequently asked questions
What is the HEX code for Pale Bright Marigold?
The HEX code for Pale Bright Marigold is #F2DD88.
What is the RGB value of Pale Bright Marigold?
Pale Bright Marigold has an RGB value of 242, 221, 136 (rgb(242, 221, 136)). In HSL it is 48°, 80%, 74%.
What text color should I use on Pale Bright Marigold?
Use black text on Pale Bright Marigold. White text has a contrast ratio of 1.36:1 and black text has 15.47:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Bright Marigold?
The complementary color of Pale Bright Marigold is #889DF2. Analogous colors #F2A788 and #D2F288 also pair well.