Pale Citron is a medium-light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #F2FF7A, which equals rgb(242, 255, 122) in RGB and hsl(66, 100%, 74%) in HSL. In print terms it converts to roughly C5 M0 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#F2FF7A - RGB
242, 255, 122 - HSL
66°, 100%, 74% - CMYK
5, 0, 52, 0 - Family
Yellow - Tone
Medium-light, vivid
About Pale 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 19.36:1. Its complementary color is #887AFF.
Download Pale 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…
Pale Citron color codes
| HEX | #F2FF7A |
|---|---|
| RGB | rgb(242, 255, 122) |
| HSL | hsl(66, 100%, 74%) |
| HSV | 66°, 52%, 100% |
| CMYK | 5%, 0%, 52%, 0% |
| Decimal | 15925114 |
Shades and tints of Pale Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFFE9 - 100
#FBFFD3 - 200
#F9FFBD - 300
#F6FFA6 - 400
#F4FF90 - 500
#F2FF7A - 600
#CAD566 - 700
#A1AA51 - 800
#79803D - 900
#515529 - 950
#282B14
Color harmonies for Pale Citron
- Complementary
#887AFF≈ Pale Indigo - Analogous −30°
#FFCA7A≈ Pale Orange - Analogous +30°
#AFFF7A≈ Pale Leaf - Triadic +120°
#7AF2FF≈ Pale Cyan - Triadic +240°
#FF7AF2≈ Pale Magenta - Split 150°
#7AAFFF≈ Pale Sapphire - Split 210°
#CA7AFF≈ Pale Violet
Contrast and accessibility of Pale Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Citron | Aa | 1.08:1 | Fails |
| Black text on Pale Citron | Aa | 19.36:1 | AAA (excellent) |
CSS code for Pale Citron
background-color: #F2FF7A;color: #F2FF7A;background-color: rgb(242, 255, 122);background-color: hsl(66, 100%, 74%);:root { --color-pale-citron: #F2FF7A; }class="bg-[#F2FF7A]"Colors similar to Pale Citron
- Pale Yellow
#FFFF7A - Pale Lime
#E4FF7A - Pale Bright Yellow
#F2F288 - Pale Gold
#FFF27A - Pale Bright Citron
#E7F288 - Pale Chartreuse
#D7FF7A - Light Bright Yellow
#EEEE63 - Pale Bright Lime
#DDF288 - Canary
#FFFF99 - Pale Bright Gold
#F2E788 - Khaki
#F0E68C - Light Bright Citron
#E0EE63
More yellow shades
- Dark Citron
#778500 - Deep Citron
#9CAD00 - Medium Dark Citron
#C1D600 - Pure Citron
#E6FF00 - Medium Light Citron
#EAFF29 - Light Citron
#EEFF52 - Very Pale Citron
#F6FFA3 - Palest Citron
#FAFFCC - Darkest Bright Citron
#2A2E05 - Very Dark Bright Citron
#4B5309 - Dark Bright Citron
#6D770D
Frequently asked questions
What is the HEX code for Pale Citron?
The HEX code for Pale Citron is #F2FF7A.
What is the RGB value of Pale Citron?
Pale Citron has an RGB value of 242, 255, 122 (rgb(242, 255, 122)). In HSL it is 66°, 100%, 74%.
What text color should I use on Pale Citron?
Use black text on Pale Citron. White text has a contrast ratio of 1.08:1 and black text has 19.36:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Citron?
The complementary color of Pale Citron is #887AFF. Analogous colors #FFCA7A and #AFFF7A also pair well.