Pale Bright Citron is a medium-light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #E7F288, which equals rgb(231, 242, 136) in RGB and hsl(66, 80%, 74%) in HSL. In print terms it converts to roughly C5 M0 Y44 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#E7F288 - RGB
231, 242, 136 - HSL
66°, 80%, 74% - CMYK
5, 0, 44, 5 - Family
Yellow - Tone
Medium-light, saturated
About Pale Bright 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. 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 17.45:1. Its complementary color is #9288F2.
Download Pale Bright 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 Bright Citron color codes
| HEX | #E7F288 |
|---|---|
| RGB | rgb(231, 242, 136) |
| HSL | hsl(66, 80%, 74%) |
| HSV | 66°, 44%, 95% |
| CMYK | 5%, 0%, 44%, 5% |
| Decimal | 15200904 |
Shades and tints of Pale Bright Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBFDEB - 100
#F7FBD7 - 200
#F3F9C4 - 300
#EFF6B0 - 400
#EBF49C - 500
#E7F288 - 600
#C1CA71 - 700
#9AA15B - 800
#747944 - 900
#4D512D - 950
#272817
Color harmonies for Pale Bright Citron
- Complementary
#9288F2≈ Pale Bright Blue - Analogous −30°
#F2C788≈ Pale Bright Orange - Analogous +30°
#B2F288≈ Pale Bright Leaf - Triadic +120°
#88E7F2≈ Pale Bright Peacock - Triadic +240°
#F288E7≈ Pale Bright Cerise - Split 150°
#88B2F2≈ Pale Bright Cerulean - Split 210°
#C788F2≈ Pale Bright Violet
Contrast and accessibility of Pale Bright Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Bright Citron | Aa | 1.20:1 | Fails |
| Black text on Pale Bright Citron | Aa | 17.45:1 | AAA (excellent) |
CSS code for Pale Bright Citron
background-color: #E7F288;color: #E7F288;background-color: rgb(231, 242, 136);background-color: hsl(66, 80%, 74%);:root { --color-pale-bright-citron: #E7F288; }class="bg-[#E7F288]"Colors similar to Pale Bright Citron
- Pale Bright Lime
#DDF288 - Pale Bright Yellow
#F2F288 - Pale Bright Gold
#F2E788 - Khaki
#F0E68C - Pale Lime
#E4FF7A - Pale Soft Yellow
#E4E495 - Pale Bright Chartreuse
#D2F288 - Pale Soft Citron
#DDE495 - Pale Citron
#F2FF7A - Pale Chartreuse
#D7FF7A - Pale Soft Lime
#D5E495 - Pale Gold
#FFF27A
More yellow shades
- Dark Bright Citron
#6D770D - Deep Bright Citron
#8E9C11 - Medium Dark Bright Citron
#B0C115 - Bright Citron
#D1E619 - Medium Light Bright Citron
#D8EA3E - Light Bright Citron
#E0EE63 - Very Pale Bright Citron
#EEF6AC - Palest Bright Citron
#F6FAD1 - Darkest Soft Citron
#26290A - Very Dark Soft Citron
#444912 - Dark Soft Citron
#626A1B
Frequently asked questions
What is the HEX code for Pale Bright Citron?
The HEX code for Pale Bright Citron is #E7F288.
What is the RGB value of Pale Bright Citron?
Pale Bright Citron has an RGB value of 231, 242, 136 (rgb(231, 242, 136)). In HSL it is 66°, 80%, 74%.
What text color should I use on Pale Bright Citron?
Use black text on Pale Bright Citron. White text has a contrast ratio of 1.20:1 and black text has 17.45:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Bright Citron?
The complementary color of Pale Bright Citron is #9288F2. Analogous colors #F2C788 and #B2F288 also pair well.