Bright Yellow is a medium, saturated shade in the yellow color family, with a warm feel. Its HEX code is #E5E619, which equals rgb(229, 230, 25) in RGB and hsl(60, 80%, 50%) in HSL. In print terms it converts to roughly C0 M0 Y89 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#E5E619 - RGB
229, 230, 25 - HSL
60°, 80%, 50% - CMYK
0, 0, 89, 10 - Family
Yellow - Tone
Medium, saturated
About 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 15.66:1. Its complementary color is #1A1AE6.
Download 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…
Bright Yellow color codes
| HEX | #E5E619 |
|---|---|
| RGB | rgb(229, 230, 25) |
| HSL | hsl(60, 80%, 50%) |
| HSV | 60°, 89%, 90% |
| CMYK | 0%, 0%, 89%, 10% |
| Decimal | 15066649 |
Shades and tints of Bright Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBFBD9 - 100
#F6F7B2 - 200
#F2F38C - 300
#EEEE66 - 400
#E9EA3F - 500
#E5E619 - 600
#BFC015 - 700
#999911 - 800
#73730D - 900
#4C4D08 - 950
#262604
Color harmonies for Bright Yellow
- Complementary
#1A1AE6≈ Bright Blue - Analogous −30°
#E6801A≈ Bright Orange - Analogous +30°
#80E61A≈ Bright Apple - Triadic +120°
#1AE6E6≈ Bright Cyan - Triadic +240°
#E61AE6≈ Bright Magenta - Split 150°
#1A80E6≈ Bright Cerulean - Split 210°
#801AE6≈ Bright Violet
Contrast and accessibility of Bright Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Yellow | Aa | 1.34:1 | Fails |
| Black text on Bright Yellow | Aa | 15.66:1 | AAA (excellent) |
CSS code for Bright Yellow
background-color: #E5E619;color: #E5E619;background-color: rgb(229, 230, 25);background-color: hsl(60, 80%, 50%);:root { --color-bright-yellow: #E5E619; }class="bg-[#E5E619]"Colors similar to Bright Yellow
- Bright Citron
#D1E619 - Bright Gold
#E6D119 - Medium Light Gold
#FFEA29 - Medium Light Bright Yellow
#EAEA3E - Medium Dark Yellow
#D6D600 - Medium Light Citron
#EAFF29 - Pure Gold
#FFE500 - Medium Light Bright Citron
#D8EA3E - Medium Light Bright Gold
#EAD83E - Medium Light Marigold
#FFD429 - Pure Citron
#E6FF00 - Medium Light Lime
#D4FF29
More yellow shades
- Palest Yellow
#FFFFCC - Darkest Bright Yellow
#2E2E05 - Very Dark Bright Yellow
#535309 - Dark Bright Yellow
#77770D - Deep Bright Yellow
#9C9C11 - Medium Dark Bright Yellow
#C1C115 - Medium Light Bright Yellow
#EAEA3E - Light Bright Yellow
#EEEE63 - Pale Bright Yellow
#F2F288 - Very Pale Bright Yellow
#F6F6AC - Palest Bright Yellow
#FAFAD1
Frequently asked questions
What is the HEX code for Bright Yellow?
The HEX code for Bright Yellow is #E5E619.
What is the RGB value of Bright Yellow?
Bright Yellow has an RGB value of 229, 230, 25 (rgb(229, 230, 25)). In HSL it is 60°, 80%, 50%.
What text color should I use on Bright Yellow?
Use black text on Bright Yellow. White text has a contrast ratio of 1.34:1 and black text has 15.66:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Yellow?
The complementary color of Bright Yellow is #1A1AE6. Analogous colors #E6801A and #80E61A also pair well.