Light Soft Yellow is a medium-light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #DCDC74, which equals rgb(220, 220, 116) in RGB and hsl(60, 60%, 66%) in HSL. In print terms it converts to roughly C0 M0 Y47 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#DCDC74 - RGB
220, 220, 116 - HSL
60°, 60%, 66% - CMYK
0, 0, 47, 14 - Family
Yellow - Tone
Medium-light, saturated
About Light 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 14.53:1. Its complementary color is #7474DC.
Download Light 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…
Light Soft Yellow color codes
| HEX | #DCDC74 |
|---|---|
| RGB | rgb(220, 220, 116) |
| HSL | hsl(60, 60%, 66%) |
| HSV | 60°, 47%, 86% |
| CMYK | 0%, 0%, 47%, 14% |
| Decimal | 14474356 |
Shades and tints of Light Soft Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F9F9E8 - 100
#F3F3D1 - 200
#EEEEBA - 300
#E8E8A2 - 400
#E2E28B - 500
#DCDC74 - 600
#B7B761 - 700
#93934D - 800
#6E6E3A - 900
#494927 - 950
#252513
Color harmonies for Light Soft Yellow
- Complementary
#7474DC≈ Light Soft Ultramarine - Analogous −30°
#DCA874≈ Light Soft Persimmon - Analogous +30°
#A8DC74≈ Light Soft Fern - Triadic +120°
#74DCDC≈ Light Soft Teal - Triadic +240°
#DC74DC≈ Orchid - Split 150°
#74A8DC≈ Light Soft Cornflower - Split 210°
#A874DC≈ Light Soft Periwinkle
Contrast and accessibility of Light Soft Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Yellow | Aa | 1.45:1 | Fails |
| Black text on Light Soft Yellow | Aa | 14.53:1 | AAA (excellent) |
CSS code for Light Soft Yellow
background-color: #DCDC74;color: #DCDC74;background-color: rgb(220, 220, 116);background-color: hsl(60, 60%, 66%);:root { --color-light-soft-yellow: #DCDC74; }class="bg-[#DCDC74]"Colors similar to Light Soft Yellow
- Light Soft Citron
#D2DC74 - Light Soft Gold
#DCD274 - Light Soft Lime
#C8DC74 - Light Soft Marigold
#DCC874 - Light Bright Gold
#EEE063 - Light Bright Marigold
#EED263 - Light Bright Citron
#E0EE63 - Light Bright Lime
#D2EE63 - Pale Bright Marigold
#F2DD88 - Pale Soft Gold
#E4DD95 - Pale Soft Citron
#DDE495 - Medium Light Soft Yellow
#D4D454
More yellow shades
- Very Dark Soft Yellow
#494912 - Dark Soft Yellow
#6A6A1B - Deep Soft Yellow
#8B8B23 - Medium Dark Soft Yellow
#ABAB2B - Soft Yellow
#CCCC33 - Medium Light Soft Yellow
#D4D454 - Pale Soft Yellow
#E4E495 - Very Pale Soft Yellow
#EDEDB6 - Palest Soft Yellow
#F5F5D6 - Darkest Muted Yellow
#24240F - Very Dark Muted Yellow
#40401C
Frequently asked questions
What is the HEX code for Light Soft Yellow?
The HEX code for Light Soft Yellow is #DCDC74.
What is the RGB value of Light Soft Yellow?
Light Soft Yellow has an RGB value of 220, 220, 116 (rgb(220, 220, 116)). In HSL it is 60°, 60%, 66%.
What text color should I use on Light Soft Yellow?
Use black text on Light Soft Yellow. White text has a contrast ratio of 1.45:1 and black text has 14.53:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Yellow?
The complementary color of Light Soft Yellow is #7474DC. Analogous colors #DCA874 and #A8DC74 also pair well.