Deep Citron is a medium-dark, vivid shade in the yellow color family, with a warm feel. Its HEX code is #9CAD00, which equals rgb(156, 173, 0) in RGB and hsl(66, 100%, 34%) in HSL. In print terms it converts to roughly C10 M0 Y100 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#9CAD00 - RGB
156, 173, 0 - HSL
66°, 100%, 34% - CMYK
10, 0, 100, 32 - Family
Yellow - Tone
Medium-dark, vivid
About Deep 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 8.39:1. Its complementary color is #1100AD.
Download Deep 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…
Deep Citron color codes
| HEX | #9CAD00 |
|---|---|
| RGB | rgb(156, 173, 0) |
| HSL | hsl(66, 100%, 34%) |
| HSV | 66°, 100%, 68% |
| CMYK | 10%, 0%, 100%, 32% |
| Decimal | 10267904 |
Shades and tints of Deep Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EFF1D5 - 100
#DEE4AA - 200
#CED680 - 300
#BDC855 - 400
#ADBB2B - 500
#9CAD00 - 600
#829000 - 700
#687300 - 800
#4E5700 - 900
#343A00 - 950
#1A1D00
Color harmonies for Deep Citron
- Complementary
#1100AD≈ Deep Blue - Analogous −30°
#AD6800≈ Caramel - Analogous +30°
#45AD00≈ Deep Leaf - Triadic +120°
#009CAD≈ Deep Cyan - Triadic +240°
#AD009C≈ Deep Magenta - Split 150°
#0045AD≈ Cobalt Blue - Split 210°
#6800AD≈ Deep Violet
Contrast and accessibility of Deep Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Citron | Aa | 2.50:1 | Fails |
| Black text on Deep Citron | Aa | 8.39:1 | AAA (excellent) |
CSS code for Deep Citron
background-color: #9CAD00;color: #9CAD00;background-color: rgb(156, 173, 0);background-color: hsl(66, 100%, 34%);:root { --color-deep-citron: #9CAD00; }class="bg-[#9CAD00]"Colors similar to Deep Citron
- Deep Lime
#8BAD00 - Deep Yellow
#ADAD00 - Deep Bright Yellow
#9C9C11 - Deep Gold
#AD9C00 - Deep Bright Citron
#8E9C11 - Medium Dark Bright Lime
#9FC115 - Deep Chartreuse
#79AD00 - Medium Dark Bright Chartreuse
#8DC115 - Medium Dark Bright Citron
#B0C115 - Deep Bright Lime
#809C11 - Medium Dark Soft Citron
#9FAB2B - Deep Bright Gold
#9C8E11
More yellow shades
- Pale Dusty Yellow
#CACAAF - Very Pale Dusty Yellow
#DADAC8 - Palest Dusty Yellow
#EBEBE0 - Darkest Citron
#2E3300 - Very Dark Citron
#535C00 - Dark Citron
#778500 - Medium Dark Citron
#C1D600 - Pure Citron
#E6FF00 - Medium Light Citron
#EAFF29 - Light Citron
#EEFF52 - Pale Citron
#F2FF7A
Frequently asked questions
What is the HEX code for Deep Citron?
The HEX code for Deep Citron is #9CAD00.
What is the RGB value of Deep Citron?
Deep Citron has an RGB value of 156, 173, 0 (rgb(156, 173, 0)). In HSL it is 66°, 100%, 34%.
What text color should I use on Deep Citron?
Use black text on Deep Citron. White text has a contrast ratio of 2.50:1 and black text has 8.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Citron?
The complementary color of Deep Citron is #1100AD. Analogous colors #AD6800 and #45AD00 also pair well.