Pale Bright Yellow is a medium-light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #F2F288, which equals rgb(242, 242, 136) in RGB and hsl(60, 80%, 74%) in HSL. In print terms it converts to roughly C0 M0 Y44 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#F2F288 - RGB
242, 242, 136 - HSL
60°, 80%, 74% - CMYK
0, 0, 44, 5 - Family
Yellow - Tone
Medium-light, saturated
About Pale Bright 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. 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 17.83:1. Its complementary color is #8888F2.
Download Pale Bright 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 Bright Yellow color codes
| HEX | #F2F288 |
|---|---|
| RGB | rgb(242, 242, 136) |
| HSL | hsl(60, 80%, 74%) |
| HSV | 60°, 44%, 95% |
| CMYK | 0%, 0%, 44%, 5% |
| Decimal | 15921800 |
Shades and tints of Pale Bright Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFDEB - 100
#FBFBD7 - 200
#F9F9C4 - 300
#F6F6B0 - 400
#F4F49C - 500
#F2F288 - 600
#CACA71 - 700
#A1A15B - 800
#797944 - 900
#51512D - 950
#282817
Color harmonies for Pale Bright Yellow
- Complementary
#8888F2≈ Pale Bright Ultramarine - Analogous −30°
#F2BD88≈ Pale Bright Tangerine - Analogous +30°
#BDF288≈ Pale Bright Spring Bud - Triadic +120°
#88F2F2≈ Pale Bright Teal - Triadic +240°
#F288F2≈ Violet - Split 150°
#88BDF2≈ Pale Bright Azure - Split 210°
#BD88F2≈ Pale Bright Amethyst
Contrast and accessibility of Pale Bright Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Bright Yellow | Aa | 1.18:1 | Fails |
| Black text on Pale Bright Yellow | Aa | 17.83:1 | AAA (excellent) |
CSS code for Pale Bright Yellow
background-color: #F2F288;color: #F2F288;background-color: rgb(242, 242, 136);background-color: hsl(60, 80%, 74%);:root { --color-pale-bright-yellow: #F2F288; }class="bg-[#F2F288]"Colors similar to Pale Bright Yellow
- Pale Bright Citron
#E7F288 - Pale Bright Gold
#F2E788 - Khaki
#F0E68C - Pale Gold
#FFF27A - Pale Citron
#F2FF7A - Pale Bright Lime
#DDF288 - Pale Yellow
#FFFF7A - Pale Lime
#E4FF7A - Pale Marigold
#FFE47A - Pale Soft Yellow
#E4E495 - Canary
#FFFF99 - Pale Bright Marigold
#F2DD88
More yellow shades
- Dark Bright Yellow
#77770D - Deep Bright Yellow
#9C9C11 - Medium Dark Bright Yellow
#C1C115 - Bright Yellow
#E5E619 - Medium Light Bright Yellow
#EAEA3E - Light Bright Yellow
#EEEE63 - Very Pale Bright Yellow
#F6F6AC - Palest Bright Yellow
#FAFAD1 - Darkest Soft Yellow
#29290A - Very Dark Soft Yellow
#494912 - Dark Soft Yellow
#6A6A1B
Frequently asked questions
What is the HEX code for Pale Bright Yellow?
The HEX code for Pale Bright Yellow is #F2F288.
What is the RGB value of Pale Bright Yellow?
Pale Bright Yellow has an RGB value of 242, 242, 136 (rgb(242, 242, 136)). In HSL it is 60°, 80%, 74%.
What text color should I use on Pale Bright Yellow?
Use black text on Pale Bright Yellow. White text has a contrast ratio of 1.18:1 and black text has 17.83:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Bright Yellow?
The complementary color of Pale Bright Yellow is #8888F2. Analogous colors #F2BD88 and #BDF288 also pair well.