Palest Yellow is a very light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFFFCC, which equals rgb(255, 255, 204) in RGB and hsl(60, 100%, 90%) in HSL. In print terms it converts to roughly C0 M0 Y20 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFFCC - RGB
255, 255, 204 - HSL
60°, 100%, 90% - CMYK
0, 0, 20, 0 - Family
Yellow - Tone
Very light, vivid
About Palest 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. 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 20.43:1. Its complementary color is #CCCCFF.
Download Palest 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 Yellow color codes
| HEX | #FFFFCC |
|---|---|
| RGB | rgb(255, 255, 204) |
| HSL | hsl(60, 100%, 90%) |
| HSV | 60°, 20%, 100% |
| CMYK | 0%, 0%, 20%, 0% |
| Decimal | 16777164 |
Shades and tints of Palest Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFFF7 - 100
#FFFFEE - 200
#FFFFE6 - 300
#FFFFDD - 400
#FFFFD5 - 500
#FFFFCC - 600
#D5D5AA - 700
#AAAA88 - 800
#808066 - 900
#555544 - 950
#2B2B22
Color harmonies for Palest Yellow
- Complementary
#CCCCFF≈ Palest Ultramarine - Analogous −30°
#FFE6CC≈ Palest Tangerine - Analogous +30°
#E6FFCC≈ Palest Spring Bud - Triadic +120°
#CCFFFF≈ Palest Teal - Triadic +240°
#FFCCFF≈ Palest Fuchsia - Split 150°
#CCE6FF≈ Palest Cerulean - Split 210°
#E6CCFF≈ Palest Violet
Contrast and accessibility of Palest Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Yellow | Aa | 1.03:1 | Fails |
| Black text on Palest Yellow | Aa | 20.43:1 | AAA (excellent) |
CSS code for Palest Yellow
background-color: #FFFFCC;color: #FFFFCC;background-color: rgb(255, 255, 204);background-color: hsl(60, 100%, 90%);:root { --color-palest-yellow: #FFFFCC; }class="bg-[#FFFFCC]"Colors similar to Palest Yellow
- Cream
#FFFDD0 - Palest Citron
#FAFFCC - Palest Gold
#FFFACC - Lemon Chiffon
#FFFACD - Palest Bright Yellow
#FAFAD1 - Light Goldenrod Yellow
#FAFAD2 - Palest Lime
#F5FFCC - Palest Bright Citron
#F6FAD1 - Palest Marigold
#FFF5CC - Palest Bright Gold
#FAF6D1 - Palest Bright Lime
#F2FAD1 - Palest Chartreuse
#F0FFCC
More yellow shades
- Deep Yellow
#ADAD00 - Medium Dark Yellow
#D6D600 - Medium Light Yellow
#FFFF29 - Light Yellow Tone
#FFFF52 - Pale Yellow
#FFFF7A - Very Pale Yellow
#FFFFA3 - Darkest Bright Yellow
#2E2E05 - Very Dark Bright Yellow
#535309 - Dark Bright Yellow
#77770D - Deep Bright Yellow
#9C9C11 - Medium Dark Bright Yellow
#C1C115
Frequently asked questions
What is the HEX code for Palest Yellow?
The HEX code for Palest Yellow is #FFFFCC.
What is the RGB value of Palest Yellow?
Palest Yellow has an RGB value of 255, 255, 204 (rgb(255, 255, 204)). In HSL it is 60°, 100%, 90%.
What text color should I use on Palest Yellow?
Use black text on Palest Yellow. White text has a contrast ratio of 1.03:1 and black text has 20.43:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Yellow?
The complementary color of Palest Yellow is #CCCCFF. Analogous colors #FFE6CC and #E6FFCC also pair well.