Darkest Citron is a very dark, vivid shade in the yellow color family, with a warm feel. Its HEX code is #2E3300, which equals rgb(46, 51, 0) in RGB and hsl(66, 100%, 10%) in HSL. In print terms it converts to roughly C10 M0 Y100 K80, although exact CMYK results depend on the paper and color profile.
- HEX
#2E3300 - RGB
46, 51, 0 - HSL
66°, 100%, 10% - CMYK
10, 0, 100, 80 - Family
Yellow - Tone
Very dark, vivid
About Darkest 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 white is the most readable choice on this color, with a contrast ratio of 13.21:1. Its complementary color is #050033.
Download Darkest 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…
Darkest Citron color codes
| HEX | #2E3300 |
|---|---|
| RGB | rgb(46, 51, 0) |
| HSL | hsl(66, 100%, 10%) |
| HSV | 66°, 100%, 20% |
| CMYK | 10%, 0%, 100%, 80% |
| Decimal | 3027712 |
Shades and tints of Darkest Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DCDDD5 - 100
#B9BBAA - 200
#979980 - 300
#747755 - 400
#51552B - 500
#2E3300 - 600
#262B00 - 700
#1F2200 - 800
#171A00 - 900
#0F1100 - 950
#080900
Color harmonies for Darkest Citron
- Complementary
#050033≈ Darkest Blue - Analogous −30°
#331F00≈ Darkest Orange - Analogous +30°
#143300≈ Darkest Leaf - Triadic +120°
#002E33≈ Darkest Cyan - Triadic +240°
#33002E≈ Darkest Magenta - Split 150°
#001433≈ Darkest Cerulean - Split 210°
#1F0033≈ Darkest Grape
Contrast and accessibility of Darkest Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Darkest Citron | Aa | 13.21:1 | AAA (excellent) |
| Black text on Darkest Citron | Aa | 1.59:1 | Fails |
CSS code for Darkest Citron
background-color: #2E3300;color: #2E3300;background-color: rgb(46, 51, 0);background-color: hsl(66, 100%, 10%);:root { --color-darkest-citron: #2E3300; }class="bg-[#2E3300]"Colors similar to Darkest Citron
- Darkest Lime
#293300 - Darkest Yellow
#333300 - Darkest Gold
#332E00 - Darkest Bright Yellow
#2E2E05 - Darkest Bright Citron
#2A2E05 - Darkest Chartreuse
#243300 - Darkest Bright Lime
#262E05 - Darkest Bright Gold
#2E2A05 - Darkest Marigold
#332900 - Darkest Bright Chartreuse
#222E05 - Darkest Spring Bud
#1F3300 - Darkest Bright Spring Bud
#1E2E05
More yellow shades
- Dusty Yellow
#999966 - Medium Light Dusty Yellow
#A9A97E - Light Dusty Yellow
#BABA97 - Pale Dusty Yellow
#CACAAF - Very Pale Dusty Yellow
#DADAC8 - Palest Dusty Yellow
#EBEBE0 - Very Dark Citron
#535C00 - Dark Citron
#778500 - Deep Citron
#9CAD00 - Medium Dark Citron
#C1D600 - Pure Citron
#E6FF00
Frequently asked questions
What is the HEX code for Darkest Citron?
The HEX code for Darkest Citron is #2E3300.
What is the RGB value of Darkest Citron?
Darkest Citron has an RGB value of 46, 51, 0 (rgb(46, 51, 0)). In HSL it is 66°, 100%, 10%.
What text color should I use on Darkest Citron?
Use white text on Darkest Citron. White text has a contrast ratio of 13.21:1 and black text has 1.59:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Darkest Citron?
The complementary color of Darkest Citron is #050033. Analogous colors #331F00 and #143300 also pair well.