Dark Citron is a dark, vivid shade in the yellow color family, with a warm feel. Its HEX code is #778500, which equals rgb(119, 133, 0) in RGB and hsl(66, 100%, 26%) in HSL. In print terms it converts to roughly C11 M0 Y100 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#778500 - RGB
119, 133, 0 - HSL
66°, 100%, 26% - CMYK
11, 0, 100, 48 - Family
Yellow - Tone
Dark, vivid
About Dark 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 5.14:1. Its complementary color is #0D0085.
Download Dark 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…
Dark Citron color codes
| HEX | #778500 |
|---|---|
| RGB | rgb(119, 133, 0) |
| HSL | hsl(66, 100%, 26%) |
| HSV | 66°, 100%, 52% |
| CMYK | 11%, 0%, 100%, 48% |
| Decimal | 7832832 |
Shades and tints of Dark Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8EBD5 - 100
#D2D6AA - 200
#BBC280 - 300
#A4AE55 - 400
#8E992B - 500
#778500 - 600
#636F00 - 700
#4F5900 - 800
#3C4300 - 900
#282C00 - 950
#141600
Color harmonies for Dark Citron
- Complementary
#0D0085≈ Dark Blue Tone - Analogous −30°
#855000≈ Dark Amber - Analogous +30°
#358500≈ Dark Leaf - Triadic +120°
#007785≈ Teal - Triadic +240°
#850077≈ Purple - Split 150°
#003585≈ Dark Cerulean - Split 210°
#500085≈ Indigo
Contrast and accessibility of Dark Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Citron | Aa | 4.09:1 | AA Large only |
| Black text on Dark Citron | Aa | 5.14:1 | AA (good) |
CSS code for Dark Citron
background-color: #778500;color: #778500;background-color: rgb(119, 133, 0);background-color: hsl(66, 100%, 26%);:root { --color-dark-citron: #778500; }class="bg-[#778500]"Colors similar to Dark Citron
- Olive
#808000 - Dark Lime
#6A8500 - Dark Yellow
#858500 - Dark Bright Yellow
#77770D - Dark Gold
#857700 - Dark Bright Citron
#6D770D - Dark Chartreuse
#5D8500 - Dark Bright Lime
#62770D - Avocado
#568203 - Dark Bright Gold
#776D0D - Deep Bright Chartreuse
#729C11 - Deep Bright Lime
#809C11
More yellow shades
- Light Dusty Yellow
#BABA97 - Pale Dusty Yellow
#CACAAF - Very Pale Dusty Yellow
#DADAC8 - Palest Dusty Yellow
#EBEBE0 - Darkest Citron
#2E3300 - Very Dark Citron
#535C00 - Deep Citron
#9CAD00 - Medium Dark Citron
#C1D600 - Pure Citron
#E6FF00 - Medium Light Citron
#EAFF29 - Light Citron
#EEFF52
Frequently asked questions
What is the HEX code for Dark Citron?
The HEX code for Dark Citron is #778500.
What is the RGB value of Dark Citron?
Dark Citron has an RGB value of 119, 133, 0 (rgb(119, 133, 0)). In HSL it is 66°, 100%, 26%.
What text color should I use on Dark Citron?
Use black text on Dark Citron. White text has a contrast ratio of 4.09:1 and black text has 5.14:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Citron?
The complementary color of Dark Citron is #0D0085. Analogous colors #855000 and #358500 also pair well.