Soft Gold is a medium, saturated shade in the yellow color family, with a warm feel. Its HEX code is #CCBD33, which equals rgb(204, 189, 51) in RGB and hsl(54, 60%, 50%) in HSL. In print terms it converts to roughly C0 M7 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CCBD33 - RGB
204, 189, 51 - HSL
54°, 60%, 50% - CMYK
0, 7, 75, 20 - Family
Yellow - Tone
Medium, saturated
About Soft Gold
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 10.89:1. Its complementary color is #3342CC.
Download Soft Gold 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…
Soft Gold color codes
| HEX | #CCBD33 |
|---|---|
| RGB | rgb(204, 189, 51) |
| HSL | hsl(54, 60%, 50%) |
| HSV | 54°, 75%, 80% |
| CMYK | 0%, 7%, 75%, 20% |
| Decimal | 13417779 |
Shades and tints of Soft Gold
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7F4DD - 100
#EEE9BB - 200
#E6DE99 - 300
#DDD377 - 400
#D5C855 - 500
#CCBD33 - 600
#AA9E2B - 700
#887E22 - 800
#665F1A - 900
#443F11 - 950
#222009
Color harmonies for Soft Gold
- Complementary
#3342CC≈ Soft Blue - Analogous −30°
#CC7033≈ Soft Cinnabar - Analogous +30°
#8FCC33≈ Yellow Green - Triadic +120°
#33CCBD≈ Soft Cyan - Triadic +240°
#BD33CC≈ Soft Magenta - Split 150°
#338FCC≈ Soft Capri - Split 210°
#7033CC≈ Soft Iris
Contrast and accessibility of Soft Gold
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Gold | Aa | 1.93:1 | Fails |
| Black text on Soft Gold | Aa | 10.89:1 | AAA (excellent) |
CSS code for Soft Gold
background-color: #CCBD33;color: #CCBD33;background-color: rgb(204, 189, 51);background-color: hsl(54, 60%, 50%);:root { --color-soft-gold: #CCBD33; }class="bg-[#CCBD33]"Colors similar to Soft Gold
- Soft Yellow
#CCCC33 - Soft Marigold
#CCAD33 - Soft Citron
#BDCC33 - Medium Dark Bright Yellow
#C1C115 - Medium Light Soft Marigold
#D4BA54 - Medium Light Soft Gold
#D4C754 - Medium Dark Bright Gold
#C1B015 - Medium Light Bright Amber
#EAB63E - Medium Light Bright Marigold
#EAC73E - Bright Marigold
#E6BD19 - Medium Light Soft Amber
#D4AE54 - Soft Lime
#ADCC33
More yellow shades
- Palest Bright Gold
#FAF6D1 - Darkest Soft Gold
#29260A - Very Dark Soft Gold
#494412 - Dark Soft Gold
#6A621B - Deep Soft Gold
#8B8023 - Medium Dark Soft Gold
#AB9F2B - Medium Light Soft Gold
#D4C754 - Light Soft Gold
#DCD274 - Pale Soft Gold
#E4DD95 - Very Pale Soft Gold
#EDE7B6 - Palest Soft Gold
#F5F2D6
Frequently asked questions
What is the HEX code for Soft Gold?
The HEX code for Soft Gold is #CCBD33.
What is the RGB value of Soft Gold?
Soft Gold has an RGB value of 204, 189, 51 (rgb(204, 189, 51)). In HSL it is 54°, 60%, 50%.
What text color should I use on Soft Gold?
Use black text on Soft Gold. White text has a contrast ratio of 1.93:1 and black text has 10.89:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Gold?
The complementary color of Soft Gold is #3342CC. Analogous colors #CC7033 and #8FCC33 also pair well.