Bright Citron is a medium, saturated shade in the yellow color family, with a warm feel. Its HEX code is #D1E619, which equals rgb(209, 230, 25) in RGB and hsl(66, 80%, 50%) in HSL. In print terms it converts to roughly C9 M0 Y89 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#D1E619 - RGB
209, 230, 25 - HSL
66°, 80%, 50% - CMYK
9, 0, 89, 10 - Family
Yellow - Tone
Medium, saturated
About 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 15.04:1. Its complementary color is #2E1AE6.
Download 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…
Bright Citron color codes
| HEX | #D1E619 |
|---|---|
| RGB | rgb(209, 230, 25) |
| HSL | hsl(66, 80%, 50%) |
| HSV | 66°, 89%, 90% |
| CMYK | 9%, 0%, 89%, 10% |
| Decimal | 13755929 |
Shades and tints of Bright Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FBD9 - 100
#F0F7B2 - 200
#E8F38C - 300
#E0EE66 - 400
#D9EA3F - 500
#D1E619 - 600
#AEC015 - 700
#8B9911 - 800
#69730D - 900
#464D08 - 950
#232604
Color harmonies for Bright Citron
- Complementary
#2E1AE6≈ Bright Ultramarine - Analogous −30°
#E6941A≈ Bright Tangerine - Analogous +30°
#6BE61A≈ Bright Fern - Triadic +120°
#1AD1E6≈ Bright Lagoon - Triadic +240°
#E61AD1≈ Bright Fuchsia - Split 150°
#1A6BE6≈ Bright Cornflower - Split 210°
#941AE6≈ Bright Amethyst
Contrast and accessibility of Bright Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Citron | Aa | 1.40:1 | Fails |
| Black text on Bright Citron | Aa | 15.04:1 | AAA (excellent) |
CSS code for Bright Citron
background-color: #D1E619;color: #D1E619;background-color: rgb(209, 230, 25);background-color: hsl(66, 80%, 50%);:root { --color-bright-citron: #D1E619; }class="bg-[#D1E619]"Colors similar to Bright Citron
- Bright Lime
#BDE619 - Bright Yellow
#E5E619 - Medium Dark Yellow
#D6D600 - Bright Gold
#E6D119 - Medium Light Lime
#D4FF29 - Medium Dark Citron
#C1D600 - Medium Light Bright Citron
#D8EA3E - Medium Light Bright Lime
#C7EA3E - Pure Lime
#CCFF00 - Medium Light Chartreuse
#BFFF29 - Soft Yellow
#CCCC33 - Citron
#DFFF00
More yellow shades
- Palest Citron
#FAFFCC - Darkest Bright Citron
#2A2E05 - Very Dark Bright Citron
#4B5309 - Dark Bright Citron
#6D770D - Deep Bright Citron
#8E9C11 - Medium Dark Bright Citron
#B0C115 - Medium Light Bright Citron
#D8EA3E - Light Bright Citron
#E0EE63 - Pale Bright Citron
#E7F288 - Very Pale Bright Citron
#EEF6AC - Palest Bright Citron
#F6FAD1
Frequently asked questions
What is the HEX code for Bright Citron?
The HEX code for Bright Citron is #D1E619.
What is the RGB value of Bright Citron?
Bright Citron has an RGB value of 209, 230, 25 (rgb(209, 230, 25)). In HSL it is 66°, 80%, 50%.
What text color should I use on Bright Citron?
Use black text on Bright Citron. White text has a contrast ratio of 1.40:1 and black text has 15.04:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Citron?
The complementary color of Bright Citron is #2E1AE6. Analogous colors #E6941A and #6BE61A also pair well.