Light Soft Citron is a medium-light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #D2DC74, which equals rgb(210, 220, 116) in RGB and hsl(66, 60%, 66%) in HSL. In print terms it converts to roughly C5 M0 Y47 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#D2DC74 - RGB
210, 220, 116 - HSL
66°, 60%, 66% - CMYK
5, 0, 47, 14 - Family
Yellow - Tone
Medium-light, saturated
About Light 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. 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 14.23:1. Its complementary color is #7F74DC.
Download Light 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…
Light Soft Citron color codes
| HEX | #D2DC74 |
|---|---|
| RGB | rgb(210, 220, 116) |
| HSL | hsl(66, 60%, 66%) |
| HSV | 66°, 47%, 86% |
| CMYK | 5%, 0%, 47%, 14% |
| Decimal | 13818996 |
Shades and tints of Light Soft Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8F9E8 - 100
#F0F3D1 - 200
#E9EEBA - 300
#E1E8A2 - 400
#DAE28B - 500
#D2DC74 - 600
#AFB761 - 700
#8C934D - 800
#696E3A - 900
#464927 - 950
#232513
Color harmonies for Light Soft Citron
- Complementary
#7F74DC≈ Light Soft Indigo - Analogous −30°
#DCB374≈ Light Soft Amber - Analogous +30°
#9EDC74≈ Light Soft Apple - Triadic +120°
#74D2DC≈ Light Soft Cyan - Triadic +240°
#DC74D2≈ Orchid - Split 150°
#749EDC≈ Light Soft Cerulean - Split 210°
#B374DC≈ Light Soft Grape
Contrast and accessibility of Light Soft Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Citron | Aa | 1.48:1 | Fails |
| Black text on Light Soft Citron | Aa | 14.23:1 | AAA (excellent) |
CSS code for Light Soft Citron
background-color: #D2DC74;color: #D2DC74;background-color: rgb(210, 220, 116);background-color: hsl(66, 60%, 66%);:root { --color-light-soft-citron: #D2DC74; }class="bg-[#D2DC74]"Colors similar to Light Soft Citron
- Light Soft Lime
#C8DC74 - Light Soft Yellow
#DCDC74 - Light Soft Gold
#DCD274 - Light Soft Chartreuse
#BDDC74 - Light Soft Marigold
#DCC874 - Light Bright Lime
#D2EE63 - Light Muted Yellow
#CBCB86 - Light Muted Citron
#C4CB86 - Light Bright Citron
#E0EE63 - Light Bright Chartreuse
#C4EE63 - Medium Light Soft Yellow
#D4D454 - Pale Soft Lime
#D5E495
More yellow shades
- Very Dark Soft Citron
#444912 - Dark Soft Citron
#626A1B - Deep Soft Citron
#808B23 - Medium Dark Soft Citron
#9FAB2B - Soft Citron
#BDCC33 - Medium Light Soft Citron
#C7D454 - Pale Soft Citron
#DDE495 - Very Pale Soft Citron
#E7EDB6 - Palest Soft Citron
#F2F5D6 - Darkest Muted Citron
#22240F - Very Dark Muted Citron
#3D401C
Frequently asked questions
What is the HEX code for Light Soft Citron?
The HEX code for Light Soft Citron is #D2DC74.
What is the RGB value of Light Soft Citron?
Light Soft Citron has an RGB value of 210, 220, 116 (rgb(210, 220, 116)). In HSL it is 66°, 60%, 66%.
What text color should I use on Light Soft Citron?
Use black text on Light Soft Citron. White text has a contrast ratio of 1.48:1 and black text has 14.23:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Citron?
The complementary color of Light Soft Citron is #7F74DC. Analogous colors #DCB374 and #9EDC74 also pair well.