Pale Soft Citron is a medium-light, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #DDE495, which equals rgb(221, 228, 149) in RGB and hsl(65, 59%, 74%) in HSL. In print terms it converts to roughly C3 M0 Y35 K11, although exact CMYK results depend on the paper and color profile.
- HEX
#DDE495 - RGB
221, 228, 149 - HSL
65°, 59%, 74% - CMYK
3, 0, 35, 11 - Family
Yellow - Tone
Medium-light, moderately saturated
About Pale 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 15.61:1. Its complementary color is #9C96E4.
Download Pale 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…
Pale Soft Citron color codes
| HEX | #DDE495 |
|---|---|
| RGB | rgb(221, 228, 149) |
| HSL | hsl(65, 59%, 74%) |
| HSV | 65°, 35%, 89% |
| CMYK | 3%, 0%, 35%, 11% |
| Decimal | 14541973 |
Shades and tints of Pale Soft Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F9FBED - 100
#F4F6DC - 200
#EEF2CA - 300
#E8EDB8 - 400
#E3E9A7 - 500
#DDE495 - 600
#B8BE7C - 700
#939863 - 800
#6F724B - 900
#4A4C32 - 950
#252619
Color harmonies for Pale Soft Citron
- Complementary
#9C96E4≈ Pale Soft Ultramarine - Analogous −30°
#E4C396≈ Pale Soft Tangerine - Analogous +30°
#B6E496≈ Pale Soft Fern - Triadic +120°
#96DDE4≈ Pale Soft Lagoon - Triadic +240°
#E496DD≈ Pale Soft Fuchsia - Split 150°
#96B6E4≈ Pale Soft Cornflower - Split 210°
#C396E4≈ Pale Soft Amethyst
Contrast and accessibility of Pale Soft Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Soft Citron | Aa | 1.35:1 | Fails |
| Black text on Pale Soft Citron | Aa | 15.61:1 | AAA (excellent) |
CSS code for Pale Soft Citron
background-color: #DDE495;color: #DDE495;background-color: rgb(221, 228, 149);background-color: hsl(65, 59%, 74%);:root { --color-pale-soft-citron: #DDE495; }class="bg-[#DDE495]"Colors similar to Pale Soft Citron
- Pale Soft Yellow
#E4E495 - Pale Soft Lime
#D5E495 - Pale Soft Gold
#E4DD95 - Pale Soft Chartreuse
#CDE495 - Pale Soft Marigold
#E4D595 - Pale Muted Yellow
#D7D7A2 - Pale Bright Lime
#DDF288 - Khaki
#F0E68C - Pale Muted Citron
#D2D7A2 - Pale Bright Citron
#E7F288 - Pale Bright Chartreuse
#D2F288 - Pale Soft Spring Bud
#C5E495
More yellow shades
- Dark Soft Citron
#626A1B - Deep Soft Citron
#808B23 - Medium Dark Soft Citron
#9FAB2B - Soft Citron
#BDCC33 - Medium Light Soft Citron
#C7D454 - Light Soft Citron
#D2DC74 - Very Pale Soft Citron
#E7EDB6 - Palest Soft Citron
#F2F5D6 - Darkest Muted Citron
#22240F - Very Dark Muted Citron
#3D401C - Dark Muted Citron
#585D28
Frequently asked questions
What is the HEX code for Pale Soft Citron?
The HEX code for Pale Soft Citron is #DDE495.
What is the RGB value of Pale Soft Citron?
Pale Soft Citron has an RGB value of 221, 228, 149 (rgb(221, 228, 149)). In HSL it is 65°, 59%, 74%.
What text color should I use on Pale Soft Citron?
Use black text on Pale Soft Citron. White text has a contrast ratio of 1.35:1 and black text has 15.61:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Soft Citron?
The complementary color of Pale Soft Citron is #9C96E4. Analogous colors #E4C396 and #B6E496 also pair well.