Palest Citron is a very light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FAFFCC, which equals rgb(250, 255, 204) in RGB and hsl(66, 100%, 90%) in HSL. In print terms it converts to roughly C2 M0 Y20 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FAFFCC - RGB
250, 255, 204 - HSL
66°, 100%, 90% - CMYK
2, 0, 20, 0 - Family
Yellow - Tone
Very light, vivid
About Palest Citron
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.24:1. Its complementary color is #D1CCFF.
Download Palest Citron 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 Citron color codes
| HEX | #FAFFCC |
|---|---|
| RGB | rgb(250, 255, 204) |
| HSL | hsl(66, 100%, 90%) |
| HSV | 66°, 20%, 100% |
| CMYK | 2%, 0%, 20%, 0% |
| Decimal | 16449484 |
Shades and tints of Palest Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FEFFF7 - 100
#FDFFEE - 200
#FDFFE6 - 300
#FCFFDD - 400
#FBFFD5 - 500
#FAFFCC - 600
#D0D5AA - 700
#A7AA88 - 800
#7D8066 - 900
#535544 - 950
#2A2B22
Color harmonies for Palest Citron
- Complementary
#D1CCFF≈ Periwinkle - Analogous −30°
#FFEBCC≈ Blanched Almond - Analogous +30°
#E0FFCC≈ Palest Leaf - Triadic +120°
#CCFAFF≈ Palest Cyan - Triadic +240°
#FFCCFA≈ Palest Magenta - Split 150°
#CCE0FF≈ Palest Cerulean - Split 210°
#EBCCFF≈ Palest Grape
Contrast and accessibility of Palest Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Citron | Aa | 1.04:1 | Fails |
| Black text on Palest Citron | Aa | 20.24:1 | AAA (excellent) |
CSS code for Palest Citron
background-color: #FAFFCC;color: #FAFFCC;background-color: rgb(250, 255, 204);background-color: hsl(66, 100%, 90%);:root { --color-palest-citron: #FAFFCC; }class="bg-[#FAFFCC]"Colors similar to Palest Citron
- Palest Lime
#F5FFCC - Palest Yellow
#FFFFCC - Cream
#FFFDD0 - Palest Bright Yellow
#FAFAD1 - Light Goldenrod Yellow
#FAFAD2 - Palest Gold
#FFFACC - Lemon Chiffon
#FFFACD - Palest Bright Citron
#F6FAD1 - Palest Chartreuse
#F0FFCC - Palest Bright Lime
#F2FAD1 - Palest Bright Gold
#FAF6D1 - Palest Marigold
#FFF5CC
More yellow shades
- Medium Dark Citron
#C1D600 - Pure Citron
#E6FF00 - Medium Light Citron
#EAFF29 - Light Citron
#EEFF52 - Pale Citron
#F2FF7A - Very Pale Citron
#F6FFA3 - Darkest Bright Citron
#2A2E05 - Very Dark Bright Citron
#4B5309 - Dark Bright Citron
#6D770D - Deep Bright Citron
#8E9C11 - Medium Dark Bright Citron
#B0C115
Frequently asked questions
What is the HEX code for Palest Citron?
The HEX code for Palest Citron is #FAFFCC.
What is the RGB value of Palest Citron?
Palest Citron has an RGB value of 250, 255, 204 (rgb(250, 255, 204)). In HSL it is 66°, 100%, 90%.
What text color should I use on Palest Citron?
Use black text on Palest Citron. White text has a contrast ratio of 1.04:1 and black text has 20.24:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Citron?
The complementary color of Palest Citron is #D1CCFF. Analogous colors #FFEBCC and #E0FFCC also pair well.