Soft Yellow is a medium, saturated shade in the yellow color family, with a warm feel. Its HEX code is #CCCC33, which equals rgb(204, 204, 51) in RGB and hsl(60, 60%, 50%) in HSL. In print terms it converts to roughly C0 M0 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CCCC33 - RGB
204, 204, 51 - HSL
60°, 60%, 50% - CMYK
0, 0, 75, 20 - Family
Yellow - Tone
Medium, saturated
About Soft Yellow
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 12.25:1. Its complementary color is #3333CC.
Download Soft Yellow 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 Yellow color codes
| HEX | #CCCC33 |
|---|---|
| RGB | rgb(204, 204, 51) |
| HSL | hsl(60, 60%, 50%) |
| HSV | 60°, 75%, 80% |
| CMYK | 0%, 0%, 75%, 20% |
| Decimal | 13421619 |
Shades and tints of Soft Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7F7DD - 100
#EEEEBB - 200
#E6E699 - 300
#DDDD77 - 400
#D5D555 - 500
#CCCC33 - 600
#AAAA2B - 700
#888822 - 800
#66661A - 900
#444411 - 950
#222209
Color harmonies for Soft Yellow
- Complementary
#3333CC≈ Soft Ultramarine - Analogous −30°
#CC8033≈ Bronze - Analogous +30°
#80CC33≈ Soft Spring Bud - Triadic +120°
#33CCCC≈ Soft Teal - Triadic +240°
#CC33CC≈ Soft Fuchsia - Split 150°
#3380CC≈ Soft Cerulean - Split 210°
#8033CC≈ Soft Violet
Contrast and accessibility of Soft Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Yellow | Aa | 1.71:1 | Fails |
| Black text on Soft Yellow | Aa | 12.25:1 | AAA (excellent) |
CSS code for Soft Yellow
background-color: #CCCC33;color: #CCCC33;background-color: rgb(204, 204, 51);background-color: hsl(60, 60%, 50%);:root { --color-soft-yellow: #CCCC33; }class="bg-[#CCCC33]"Colors similar to Soft Yellow
- Soft Citron
#BDCC33 - Soft Gold
#CCBD33 - Soft Lime
#ADCC33 - Medium Light Soft Gold
#D4C754 - Medium Light Soft Citron
#C7D454 - Medium Light Soft Yellow
#D4D454 - Medium Dark Bright Yellow
#C1C115 - Medium Light Bright Marigold
#EAC73E - Medium Light Bright Gold
#EAD83E - Bright Gold
#E6D119 - Medium Light Soft Lime
#BAD454 - Soft Marigold
#CCAD33
More yellow shades
- Palest Bright Yellow
#FAFAD1 - Darkest Soft Yellow
#29290A - Very Dark Soft Yellow
#494912 - Dark Soft Yellow
#6A6A1B - Deep Soft Yellow
#8B8B23 - Medium Dark Soft Yellow
#ABAB2B - Medium Light Soft Yellow
#D4D454 - Light Soft Yellow
#DCDC74 - Pale Soft Yellow
#E4E495 - Very Pale Soft Yellow
#EDEDB6 - Palest Soft Yellow
#F5F5D6
Frequently asked questions
What is the HEX code for Soft Yellow?
The HEX code for Soft Yellow is #CCCC33.
What is the RGB value of Soft Yellow?
Soft Yellow has an RGB value of 204, 204, 51 (rgb(204, 204, 51)). In HSL it is 60°, 60%, 50%.
What text color should I use on Soft Yellow?
Use black text on Soft Yellow. White text has a contrast ratio of 1.71:1 and black text has 12.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Yellow?
The complementary color of Soft Yellow is #3333CC. Analogous colors #CC8033 and #80CC33 also pair well.