Pale Yellow is a medium-light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFFF7A, which equals rgb(255, 255, 122) in RGB and hsl(60, 100%, 74%) in HSL. In print terms it converts to roughly C0 M0 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFF7A - RGB
255, 255, 122 - HSL
60°, 100%, 74% - CMYK
0, 0, 52, 0 - Family
Yellow - Tone
Medium-light, vivid
About 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. 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 19.84:1. Its complementary color is #7A7AFF.
Download 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…
Pale Yellow color codes
| HEX | #FFFF7A |
|---|---|
| RGB | rgb(255, 255, 122) |
| HSL | hsl(60, 100%, 74%) |
| HSV | 60°, 52%, 100% |
| CMYK | 0%, 0%, 52%, 0% |
| Decimal | 16777082 |
Shades and tints of Pale Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFFE9 - 100
#FFFFD3 - 200
#FFFFBD - 300
#FFFFA6 - 400
#FFFF90 - 500
#FFFF7A - 600
#D5D566 - 700
#AAAA51 - 800
#80803D - 900
#555529 - 950
#2B2B14
Color harmonies for Pale Yellow
- Complementary
#7A7AFF≈ Pale Ultramarine - Analogous −30°
#FFBD7A≈ Pale Tangerine - Analogous +30°
#BDFF7A≈ Pale Spring Bud - Triadic +120°
#7AFFFF≈ Pale Teal - Triadic +240°
#FF7AFF≈ Pale Fuchsia - Split 150°
#7ABDFF≈ Pale Azure - Split 210°
#BD7AFF≈ Pale Amethyst
Contrast and accessibility of Pale Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Yellow | Aa | 1.06:1 | Fails |
| Black text on Pale Yellow | Aa | 19.84:1 | AAA (excellent) |
CSS code for Pale Yellow
background-color: #FFFF7A;color: #FFFF7A;background-color: rgb(255, 255, 122);background-color: hsl(60, 100%, 74%);:root { --color-pale-yellow: #FFFF7A; }class="bg-[#FFFF7A]"Colors similar to Pale Yellow
- Pale Citron
#F2FF7A - Pale Gold
#FFF27A - Pale Bright Yellow
#F2F288 - Canary
#FFFF99 - Pale Lime
#E4FF7A - Pale Bright Citron
#E7F288 - Pale Marigold
#FFE47A - Light Bright Yellow
#EEEE63 - Light Yellow Tone
#FFFF52 - Pale Bright Gold
#F2E788 - Very Pale Yellow
#FFFFA3 - Very Pale Citron
#F6FFA3
More yellow shades
- Very Dark Yellow
#5C5C00 - Dark Yellow
#858500 - Deep Yellow
#ADAD00 - Medium Dark Yellow
#D6D600 - Medium Light Yellow
#FFFF29 - Light Yellow Tone
#FFFF52 - Very Pale Yellow
#FFFFA3 - Palest Yellow
#FFFFCC - Darkest Bright Yellow
#2E2E05 - Very Dark Bright Yellow
#535309 - Dark Bright Yellow
#77770D
Frequently asked questions
What is the HEX code for Pale Yellow?
The HEX code for Pale Yellow is #FFFF7A.
What is the RGB value of Pale Yellow?
Pale Yellow has an RGB value of 255, 255, 122 (rgb(255, 255, 122)). In HSL it is 60°, 100%, 74%.
What text color should I use on Pale Yellow?
Use black text on Pale Yellow. White text has a contrast ratio of 1.06:1 and black text has 19.84:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Yellow?
The complementary color of Pale Yellow is #7A7AFF. Analogous colors #FFBD7A and #BDFF7A also pair well.