Light Bright Yellow is a medium-light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #EEEE63, which equals rgb(238, 238, 99) in RGB and hsl(60, 80%, 66%) in HSL. In print terms it converts to roughly C0 M0 Y58 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#EEEE63 - RGB
238, 238, 99 - HSL
60°, 80%, 66% - CMYK
0, 0, 58, 7 - Family
Yellow - Tone
Medium-light, saturated
About Light 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. 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.05:1. Its complementary color is #6363EE.
Download Light 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…
Light Bright Yellow color codes
| HEX | #EEEE63 |
|---|---|
| RGB | rgb(238, 238, 99) |
| HSL | hsl(60, 80%, 66%) |
| HSV | 60°, 58%, 93% |
| CMYK | 0%, 0%, 58%, 7% |
| Decimal | 15658595 |
Shades and tints of Light Bright Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FCFCE5 - 100
#F9F9CB - 200
#F7F7B1 - 300
#F4F497 - 400
#F1F17D - 500
#EEEE63 - 600
#C6C653 - 700
#9F9F42 - 800
#777732 - 900
#4F4F21 - 950
#282811
Color harmonies for Light Bright Yellow
- Complementary
#6363EE≈ Light Bright Ultramarine - Analogous −30°
#EEA863≈ Sandy Brown - Analogous +30°
#A8EE63≈ Light Bright Fern - Triadic +120°
#63EEEE≈ Light Bright Teal - Triadic +240°
#EE63EE≈ Light Bright Fuchsia - Split 150°
#63A8EE≈ Light Bright Azure - Split 210°
#A863EE≈ Light Bright Periwinkle
Contrast and accessibility of Light Bright Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Bright Yellow | Aa | 1.23:1 | Fails |
| Black text on Light Bright Yellow | Aa | 17.05:1 | AAA (excellent) |
CSS code for Light Bright Yellow
background-color: #EEEE63;color: #EEEE63;background-color: rgb(238, 238, 99);background-color: hsl(60, 80%, 66%);:root { --color-light-bright-yellow: #EEEE63; }class="bg-[#EEEE63]"Colors similar to Light Bright Yellow
- Light Bright Citron
#E0EE63 - Light Bright Gold
#EEE063 - Light Gold
#FFEE52 - Light Citron
#EEFF52 - Pale Gold
#FFF27A - Light Bright Lime
#D2EE63 - Pale Citron
#F2FF7A - Pale Marigold
#FFE47A - Mustard
#FFDB58 - Pale Lime
#E4FF7A - Light Yellow Tone
#FFFF52 - Light Lime
#DCFF52
More yellow shades
- Very Dark Bright Yellow
#535309 - Dark Bright Yellow
#77770D - Deep Bright Yellow
#9C9C11 - Medium Dark Bright Yellow
#C1C115 - Bright Yellow
#E5E619 - Medium Light Bright Yellow
#EAEA3E - Pale Bright Yellow
#F2F288 - Very Pale Bright Yellow
#F6F6AC - Palest Bright Yellow
#FAFAD1 - Darkest Soft Yellow
#29290A - Very Dark Soft Yellow
#494912
Frequently asked questions
What is the HEX code for Light Bright Yellow?
The HEX code for Light Bright Yellow is #EEEE63.
What is the RGB value of Light Bright Yellow?
Light Bright Yellow has an RGB value of 238, 238, 99 (rgb(238, 238, 99)). In HSL it is 60°, 80%, 66%.
What text color should I use on Light Bright Yellow?
Use black text on Light Bright Yellow. White text has a contrast ratio of 1.23:1 and black text has 17.05:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Bright Yellow?
The complementary color of Light Bright Yellow is #6363EE. Analogous colors #EEA863 and #A8EE63 also pair well.