Palest Soft Yellow is a very light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #F5F5D6, which equals rgb(245, 245, 214) in RGB and hsl(60, 61%, 90%) in HSL. In print terms it converts to roughly C0 M0 Y13 K4, although exact CMYK results depend on the paper and color profile.
- HEX
#F5F5D6 - RGB
245, 245, 214 - HSL
60°, 61%, 90% - CMYK
0, 0, 13, 4 - Family
Yellow - Tone
Very light, saturated
About Palest 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. 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 18.91:1. Its complementary color is #D6D6F5.
Download Palest 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…
Palest Soft Yellow color codes
| HEX | #F5F5D6 |
|---|---|
| RGB | rgb(245, 245, 214) |
| HSL | hsl(60, 61%, 90%) |
| HSV | 60°, 13%, 96% |
| CMYK | 0%, 0%, 13%, 4% |
| Decimal | 16119254 |
Shades and tints of Palest Soft Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFDF8 - 100
#FCFCF1 - 200
#FAFAEB - 300
#F8F8E4 - 400
#F7F7DD - 500
#F5F5D6 - 600
#CCCCB2 - 700
#A3A38F - 800
#7B7B6B - 900
#525247 - 950
#292924
Color harmonies for Palest Soft Yellow
- Complementary
#D6D6F5≈ Palest Soft Ultramarine - Analogous −30°
#F5E6D6≈ Palest Soft Tangerine - Analogous +30°
#E6F5D6≈ Palest Soft Spring Bud - Triadic +120°
#D6F5F5≈ Palest Soft Teal - Triadic +240°
#F5D6F5≈ Palest Soft Fuchsia - Split 150°
#D6E6F5≈ Palest Soft Cerulean - Split 210°
#E6D6F5≈ Palest Soft Violet
Contrast and accessibility of Palest Soft Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Soft Yellow | Aa | 1.11:1 | Fails |
| Black text on Palest Soft Yellow | Aa | 18.91:1 | AAA (excellent) |
CSS code for Palest Soft Yellow
background-color: #F5F5D6;color: #F5F5D6;background-color: rgb(245, 245, 214);background-color: hsl(60, 61%, 90%);:root { --color-palest-soft-yellow: #F5F5D6; }class="bg-[#F5F5D6]"Colors similar to Palest Soft Yellow
- Palest Soft Citron
#F2F5D6 - Palest Soft Gold
#F5F2D6 - Beige
#F5F5DC - Palest Soft Lime
#EFF5D6 - Palest Bright Gold
#FAF6D1 - Palest Soft Marigold
#F5EFD6 - Palest Bright Citron
#F6FAD1 - Palest Bright Marigold
#FAF2D1 - Palest Bright Lime
#F2FAD1 - Light Goldenrod Yellow
#FAFAD2 - Palest Bright Yellow
#FAFAD1 - Palest Muted Yellow
#F0F0DB
More yellow shades
- Medium Dark Soft Yellow
#ABAB2B - Soft Yellow
#CCCC33 - Medium Light Soft Yellow
#D4D454 - Light Soft Yellow
#DCDC74 - Pale Soft Yellow
#E4E495 - Very Pale Soft Yellow
#EDEDB6 - Darkest Muted Yellow
#24240F - Very Dark Muted Yellow
#40401C - Dark Muted Yellow
#5D5D28 - Deep Muted Yellow
#797934 - Medium Dark Muted Yellow
#969640
Frequently asked questions
What is the HEX code for Palest Soft Yellow?
The HEX code for Palest Soft Yellow is #F5F5D6.
What is the RGB value of Palest Soft Yellow?
Palest Soft Yellow has an RGB value of 245, 245, 214 (rgb(245, 245, 214)). In HSL it is 60°, 61%, 90%.
What text color should I use on Palest Soft Yellow?
Use black text on Palest Soft Yellow. White text has a contrast ratio of 1.11:1 and black text has 18.91:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Soft Yellow?
The complementary color of Palest Soft Yellow is #D6D6F5. Analogous colors #F5E6D6 and #E6F5D6 also pair well.