Very Pale Yellow is a light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFFFA3, which equals rgb(255, 255, 163) in RGB and hsl(60, 100%, 82%) in HSL. In print terms it converts to roughly C0 M0 Y36 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFFA3 - RGB
255, 255, 163 - HSL
60°, 100%, 82% - CMYK
0, 0, 36, 0 - Family
Yellow - Tone
Light, vivid
About Very Pale 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 20.08:1. Its complementary color is #A3A3FF.
Download Very Pale 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…
Very Pale Yellow color codes
| HEX | #FFFFA3 |
|---|---|
| RGB | rgb(255, 255, 163) |
| HSL | hsl(60, 100%, 82%) |
| HSV | 60°, 36%, 100% |
| CMYK | 0%, 0%, 36%, 0% |
| Decimal | 16777123 |
Shades and tints of Very Pale Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFFF0 - 100
#FFFFE0 - 200
#FFFFD1 - 300
#FFFFC2 - 400
#FFFFB2 - 500
#FFFFA3 - 600
#D5D588 - 700
#AAAA6D - 800
#808052 - 900
#555536 - 950
#2B2B1B
Color harmonies for Very Pale Yellow
- Complementary
#A3A3FF≈ Very Pale Ultramarine - Analogous −30°
#FFD1A3≈ Very Pale Persimmon - Analogous +30°
#D1FFA3≈ Very Pale Fern - Triadic +120°
#A3FFFF≈ Very Pale Teal - Triadic +240°
#FFA3FF≈ Very Pale Fuchsia - Split 150°
#A3D1FF≈ Very Pale Azure - Split 210°
#D1A3FF≈ Very Pale Periwinkle
Contrast and accessibility of Very Pale Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Very Pale Yellow | Aa | 1.05:1 | Fails |
| Black text on Very Pale Yellow | Aa | 20.08:1 | AAA (excellent) |
CSS code for Very Pale Yellow
background-color: #FFFFA3;color: #FFFFA3;background-color: rgb(255, 255, 163);background-color: hsl(60, 100%, 82%);:root { --color-very-pale-yellow: #FFFFA3; }class="bg-[#FFFFA3]"Colors similar to Very Pale Yellow
- Canary
#FFFF99 - Very Pale Citron
#F6FFA3 - Very Pale Gold
#FFF6A3 - Very Pale Bright Yellow
#F6F6AC - Very Pale Lime
#EDFFA3 - Very Pale Marigold
#FFEDA3 - Very Pale Bright Citron
#EEF6AC - Very Pale Bright Gold
#F6EEAC - Very Pale Bright Lime
#E7F6AC - Very Pale Chartreuse
#E3FFA3 - Pale Bright Yellow
#F2F288 - Very Pale Bright Marigold
#F6E7AC
More yellow shades
- Dark Yellow
#858500 - Deep Yellow
#ADAD00 - Medium Dark Yellow
#D6D600 - Medium Light Yellow
#FFFF29 - Light Yellow Tone
#FFFF52 - Pale Yellow
#FFFF7A - Palest Yellow
#FFFFCC - Darkest Bright Yellow
#2E2E05 - Very Dark Bright Yellow
#535309 - Dark Bright Yellow
#77770D - Deep Bright Yellow
#9C9C11
Frequently asked questions
What is the HEX code for Very Pale Yellow?
The HEX code for Very Pale Yellow is #FFFFA3.
What is the RGB value of Very Pale Yellow?
Very Pale Yellow has an RGB value of 255, 255, 163 (rgb(255, 255, 163)). In HSL it is 60°, 100%, 82%.
What text color should I use on Very Pale Yellow?
Use black text on Very Pale Yellow. White text has a contrast ratio of 1.05:1 and black text has 20.08:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Very Pale Yellow?
The complementary color of Very Pale Yellow is #A3A3FF. Analogous colors #FFD1A3 and #D1FFA3 also pair well.