Soft Citron is a medium, saturated shade in the yellow color family, with a warm feel. Its HEX code is #BDCC33, which equals rgb(189, 204, 51) in RGB and hsl(66, 60%, 50%) in HSL. In print terms it converts to roughly C7 M0 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#BDCC33 - RGB
189, 204, 51 - HSL
66°, 60%, 50% - CMYK
7, 0, 75, 20 - Family
Yellow - Tone
Medium, saturated
About Soft Citron
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 11.85:1. Its complementary color is #4233CC.
Download Soft Citron 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 Citron color codes
| HEX | #BDCC33 |
|---|---|
| RGB | rgb(189, 204, 51) |
| HSL | hsl(66, 60%, 50%) |
| HSV | 66°, 75%, 80% |
| CMYK | 7%, 0%, 75%, 20% |
| Decimal | 12438579 |
Shades and tints of Soft Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4F7DD - 100
#E9EEBB - 200
#DEE699 - 300
#D3DD77 - 400
#C8D555 - 500
#BDCC33 - 600
#9EAA2B - 700
#7E8822 - 800
#5F661A - 900
#3F4411 - 950
#202209
Color harmonies for Soft Citron
- Complementary
#4233CC≈ Soft Blue - Analogous −30°
#CC8F33≈ Peru - Analogous +30°
#70CC33≈ Soft Leaf - Triadic +120°
#33BDCC≈ Soft Cyan - Triadic +240°
#CC33BD≈ Soft Magenta - Split 150°
#3370CC≈ Soft Cerulean - Split 210°
#8F33CC≈ Dark Orchid
Contrast and accessibility of Soft Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Citron | Aa | 1.77:1 | Fails |
| Black text on Soft Citron | Aa | 11.85:1 | AAA (excellent) |
CSS code for Soft Citron
background-color: #BDCC33;color: #BDCC33;background-color: rgb(189, 204, 51);background-color: hsl(66, 60%, 50%);:root { --color-soft-citron: #BDCC33; }class="bg-[#BDCC33]"Colors similar to Soft Citron
- Soft Yellow
#CCCC33 - Soft Lime
#ADCC33 - Soft Gold
#CCBD33 - Medium Dark Bright Yellow
#C1C115 - Soft Chartreuse
#9ECC33 - Medium Light Soft Lime
#BAD454 - Medium Light Soft Citron
#C7D454 - Medium Dark Bright Citron
#B0C115 - Yellow Green
#9ACD32 - Medium Light Soft Chartreuse
#AED454 - Medium Light Soft Gold
#D4C754 - Medium Light Bright Chartreuse
#B6EA3E
More yellow shades
- Palest Bright Citron
#F6FAD1 - Darkest Soft Citron
#26290A - Very Dark Soft Citron
#444912 - Dark Soft Citron
#626A1B - Deep Soft Citron
#808B23 - Medium Dark Soft Citron
#9FAB2B - Medium Light Soft Citron
#C7D454 - Light Soft Citron
#D2DC74 - Pale Soft Citron
#DDE495 - Very Pale Soft Citron
#E7EDB6 - Palest Soft Citron
#F2F5D6
Frequently asked questions
What is the HEX code for Soft Citron?
The HEX code for Soft Citron is #BDCC33.
What is the RGB value of Soft Citron?
Soft Citron has an RGB value of 189, 204, 51 (rgb(189, 204, 51)). In HSL it is 66°, 60%, 50%.
What text color should I use on Soft Citron?
Use black text on Soft Citron. White text has a contrast ratio of 1.77:1 and black text has 11.85:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Citron?
The complementary color of Soft Citron is #4233CC. Analogous colors #CC8F33 and #70CC33 also pair well.