Citron is a medium, vivid shade in the yellow color family, with a warm feel. Its HEX code is #DFFF00, which equals rgb(223, 255, 0) in RGB and hsl(68, 100%, 50%) in HSL. In print terms it converts to roughly C13 M0 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#DFFF00 - RGB
223, 255, 0 - HSL
68°, 100%, 50% - CMYK
13, 0, 100, 0 - Family
Yellow - Tone
Medium, vivid
About 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. 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 18.44:1. Its complementary color is #2200FF.
Download 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…
Citron color codes
| HEX | #DFFF00 |
|---|---|
| RGB | rgb(223, 255, 0) |
| HSL | hsl(68, 100%, 50%) |
| HSV | 68°, 100%, 100% |
| CMYK | 13%, 0%, 100%, 0% |
| Decimal | 14679808 |
Shades and tints of Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FAFFD5 - 100
#F4FFAA - 200
#EFFF80 - 300
#EAFF55 - 400
#E4FF2B - 500
#DFFF00 - 600
#BAD500 - 700
#95AA00 - 800
#708000 - 900
#4A5500 - 950
#252B00
Color harmonies for Citron
- Complementary
#2200FF≈ Pure Ultramarine - Analogous −30°
#FFA200≈ Orange - Analogous +30°
#5EFF00≈ Pure Fern - Triadic +120°
#00DDFF≈ Pure Lagoon - Triadic +240°
#FF00DD≈ Pure Fuchsia - Split 150°
#005EFF≈ Pure Cornflower - Split 210°
#A200FF≈ Pure Amethyst
Contrast and accessibility of Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Citron | Aa | 1.14:1 | Fails |
| Black text on Citron | Aa | 18.44:1 | AAA (excellent) |
CSS code for Citron
background-color: #DFFF00;color: #DFFF00;background-color: rgb(223, 255, 0);background-color: hsl(68, 100%, 50%);:root { --color-citron: #DFFF00; }class="bg-[#DFFF00]"Colors similar to Citron
- Pure Citron
#E6FF00 - Pure Lime
#CCFF00 - Yellow
#FFFF00 - Lemon
#FFF700 - Medium Light Citron
#EAFF29 - Bright Yellow
#E5E619 - Medium Light Lime
#D4FF29 - Bright Citron
#D1E619 - Pure Chartreuse
#B2FF00 - Pure Gold
#FFE500 - Medium Light Yellow
#FFFF29 - Medium Light Chartreuse
#BFFF29
More yellow shades
- Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58 - Cream
#FFFDD0 - Brass
#B5A642 - Lemon
#FFF700 - Canary
#FFFF99 - Saffron
#F4C430 - Pure Marigold
#FFCC00 - Medium Light Marigold
#FFD429
Frequently asked questions
What is the HEX code for Citron?
The HEX code for Citron is #DFFF00.
What is the RGB value of Citron?
Citron has an RGB value of 223, 255, 0 (rgb(223, 255, 0)). In HSL it is 68°, 100%, 50%.
What text color should I use on Citron?
Use black text on Citron. White text has a contrast ratio of 1.14:1 and black text has 18.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Citron?
The complementary color of Citron is #2200FF. Analogous colors #FFA200 and #5EFF00 also pair well.