Very Pale Citron is a light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #F6FFA3, which equals rgb(246, 255, 163) in RGB and hsl(66, 100%, 82%) in HSL. In print terms it converts to roughly C4 M0 Y36 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#F6FFA3 - RGB
246, 255, 163 - HSL
66°, 100%, 82% - CMYK
4, 0, 36, 0 - Family
Yellow - Tone
Light, vivid
About Very 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.75:1. Its complementary color is #ACA3FF.
Download Very 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…
Very Pale Citron color codes
| HEX | #F6FFA3 |
|---|---|
| RGB | rgb(246, 255, 163) |
| HSL | hsl(66, 100%, 82%) |
| HSV | 66°, 36%, 100% |
| CMYK | 4%, 0%, 36%, 0% |
| Decimal | 16187299 |
Shades and tints of Very Pale Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FEFFF0 - 100
#FCFFE0 - 200
#FBFFD1 - 300
#F9FFC2 - 400
#F8FFB2 - 500
#F6FFA3 - 600
#CDD588 - 700
#A4AA6D - 800
#7B8052 - 900
#525536 - 950
#292B1B
Color harmonies for Very Pale Citron
- Complementary
#ACA3FF≈ Very Pale Blue - Analogous −30°
#FFDAA3≈ Navajo White - Analogous +30°
#C8FFA3≈ Very Pale Leaf - Triadic +120°
#A3F6FF≈ Very Pale Cyan - Triadic +240°
#FFA3F6≈ Very Pale Magenta - Split 150°
#A3C8FF≈ Very Pale Cerulean - Split 210°
#DAA3FF≈ Very Pale Violet
Contrast and accessibility of Very Pale Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Very Pale Citron | Aa | 1.06:1 | Fails |
| Black text on Very Pale Citron | Aa | 19.75:1 | AAA (excellent) |
CSS code for Very Pale Citron
background-color: #F6FFA3;color: #F6FFA3;background-color: rgb(246, 255, 163);background-color: hsl(66, 100%, 82%);:root { --color-very-pale-citron: #F6FFA3; }class="bg-[#F6FFA3]"Colors similar to Very Pale Citron
- Very Pale Lime
#EDFFA3 - Very Pale Yellow
#FFFFA3 - Canary
#FFFF99 - Very Pale Bright Yellow
#F6F6AC - Very Pale Gold
#FFF6A3 - Very Pale Bright Citron
#EEF6AC - Very Pale Chartreuse
#E3FFA3 - Very Pale Bright Lime
#E7F6AC - Very Pale Bright Gold
#F6EEAC - Very Pale Marigold
#FFEDA3 - Very Pale Bright Chartreuse
#E0F6AC - Pale Bright Yellow
#F2F288
More yellow shades
- Deep Citron
#9CAD00 - Medium Dark Citron
#C1D600 - Pure Citron
#E6FF00 - Medium Light Citron
#EAFF29 - Light Citron
#EEFF52 - Pale Citron
#F2FF7A - Palest Citron
#FAFFCC - Darkest Bright Citron
#2A2E05 - Very Dark Bright Citron
#4B5309 - Dark Bright Citron
#6D770D - Deep Bright Citron
#8E9C11
Frequently asked questions
What is the HEX code for Very Pale Citron?
The HEX code for Very Pale Citron is #F6FFA3.
What is the RGB value of Very Pale Citron?
Very Pale Citron has an RGB value of 246, 255, 163 (rgb(246, 255, 163)). In HSL it is 66°, 100%, 82%.
What text color should I use on Very Pale Citron?
Use black text on Very Pale Citron. White text has a contrast ratio of 1.06:1 and black text has 19.75:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Very Pale Citron?
The complementary color of Very Pale Citron is #ACA3FF. Analogous colors #FFDAA3 and #C8FFA3 also pair well.