Pure Citron is a medium, vivid shade in the yellow color family, with a warm feel. Its HEX code is #E6FF00, which equals rgb(230, 255, 0) in RGB and hsl(66, 100%, 50%) in HSL. In print terms it converts to roughly C10 M0 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#E6FF00 - RGB
230, 255, 0 - HSL
66°, 100%, 50% - CMYK
10, 0, 100, 0 - Family
Yellow - Tone
Medium, vivid
About Pure 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 18.67:1. Its complementary color is #1900FF.
Download Pure 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…
Pure Citron color codes
| HEX | #E6FF00 |
|---|---|
| RGB | rgb(230, 255, 0) |
| HSL | hsl(66, 100%, 50%) |
| HSV | 66°, 100%, 100% |
| CMYK | 10%, 0%, 100%, 0% |
| Decimal | 15138560 |
Shades and tints of Pure Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBFFD5 - 100
#F7FFAA - 200
#F3FF80 - 300
#EEFF55 - 400
#EAFF2B - 500
#E6FF00 - 600
#C0D500 - 700
#99AA00 - 800
#738000 - 900
#4D5500 - 950
#262B00
Color harmonies for Pure Citron
- Complementary
#1900FF≈ Blue - Analogous −30°
#FF9900≈ Orange - Analogous +30°
#66FF00≈ Lawn Green - Triadic +120°
#00E6FF≈ Pure Lagoon - Triadic +240°
#FF00E6≈ Fuchsia - Split 150°
#0066FF≈ Azure Blue - Split 210°
#9900FF≈ Pure Violet
Contrast and accessibility of Pure Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Citron | Aa | 1.12:1 | Fails |
| Black text on Pure Citron | Aa | 18.67:1 | AAA (excellent) |
CSS code for Pure Citron
background-color: #E6FF00;color: #E6FF00;background-color: rgb(230, 255, 0);background-color: hsl(66, 100%, 50%);:root { --color-pure-citron: #E6FF00; }class="bg-[#E6FF00]"Colors similar to Pure Citron
- Citron
#DFFF00 - Yellow
#FFFF00 - Pure Lime
#CCFF00 - Lemon
#FFF700 - Medium Light Citron
#EAFF29 - Bright Yellow
#E5E619 - Medium Light Lime
#D4FF29 - Pure Gold
#FFE500 - Bright Citron
#D1E619 - Medium Light Yellow
#FFFF29 - Medium Light Gold
#FFEA29 - Medium Dark Yellow
#D6D600
More yellow shades
- Palest Dusty Yellow
#EBEBE0 - Darkest Citron
#2E3300 - Very Dark Citron
#535C00 - Dark Citron
#778500 - Deep Citron
#9CAD00 - Medium Dark Citron
#C1D600 - Medium Light Citron
#EAFF29 - Light Citron
#EEFF52 - Pale Citron
#F2FF7A - Very Pale Citron
#F6FFA3 - Palest Citron
#FAFFCC
Frequently asked questions
What is the HEX code for Pure Citron?
The HEX code for Pure Citron is #E6FF00.
What is the RGB value of Pure Citron?
Pure Citron has an RGB value of 230, 255, 0 (rgb(230, 255, 0)). In HSL it is 66°, 100%, 50%.
What text color should I use on Pure Citron?
Use black text on Pure Citron. White text has a contrast ratio of 1.12:1 and black text has 18.67:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Citron?
The complementary color of Pure Citron is #1900FF. Analogous colors #FF9900 and #66FF00 also pair well.