Deep Yellow is a medium-dark, vivid shade in the yellow color family, with a warm feel. Its HEX code is #ADAD00, which equals rgb(173, 173, 0) in RGB and hsl(60, 100%, 34%) in HSL. In print terms it converts to roughly C0 M0 Y100 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#ADAD00 - RGB
173, 173, 0 - HSL
60°, 100%, 34% - CMYK
0, 0, 100, 32 - Family
Yellow - Tone
Medium-dark, vivid
About Deep Yellow
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 8.75:1. Its complementary color is #0000AD.
Download Deep Yellow 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 Yellow color codes
| HEX | #ADAD00 |
|---|---|
| RGB | rgb(173, 173, 0) |
| HSL | hsl(60, 100%, 34%) |
| HSV | 60°, 100%, 68% |
| CMYK | 0%, 0%, 100%, 32% |
| Decimal | 11382016 |
Shades and tints of Deep Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1F1D5 - 100
#E4E4AA - 200
#D6D680 - 300
#C8C855 - 400
#BBBB2B - 500
#ADAD00 - 600
#909000 - 700
#737300 - 800
#575700 - 900
#3A3A00 - 950
#1D1D00
Color harmonies for Deep Yellow
- Complementary
#0000AD≈ Deep Ultramarine - Analogous −30°
#AD5700≈ Deep Tangerine - Analogous +30°
#57AD00≈ Deep Spring Bud - Triadic +120°
#00ADAD≈ Deep Teal - Triadic +240°
#AD00AD≈ Deep Fuchsia - Split 150°
#0057AD≈ Cobalt Blue - Split 210°
#5700AD≈ Deep Amethyst
Contrast and accessibility of Deep Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Yellow | Aa | 2.40:1 | Fails |
| Black text on Deep Yellow | Aa | 8.75:1 | AAA (excellent) |
CSS code for Deep Yellow
background-color: #ADAD00;color: #ADAD00;background-color: rgb(173, 173, 0);background-color: hsl(60, 100%, 34%);:root { --color-deep-yellow: #ADAD00; }class="bg-[#ADAD00]"Colors similar to Deep Yellow
- Deep Citron
#9CAD00 - Deep Gold
#AD9C00 - Medium Dark Bright Gold
#C1B015 - Deep Bright Yellow
#9C9C11 - Medium Dark Bright Citron
#B0C115 - Medium Dark Bright Marigold
#C19F15 - Deep Lime
#8BAD00 - Medium Dark Bright Lime
#9FC115 - Medium Dark Bright Yellow
#C1C115 - Medium Dark Soft Yellow
#ABAB2B - Deep Bright Citron
#8E9C11 - Deep Marigold
#AD8B00
More yellow shades
- Pale Dusty Gold
#CAC7AF - Very Pale Dusty Gold
#DAD8C8 - Palest Dusty Gold
#EBEAE0 - Darkest Yellow
#333300 - Very Dark Yellow
#5C5C00 - Dark Yellow
#858500 - Medium Dark Yellow
#D6D600 - Medium Light Yellow
#FFFF29 - Light Yellow Tone
#FFFF52 - Pale Yellow
#FFFF7A - Very Pale Yellow
#FFFFA3
Frequently asked questions
What is the HEX code for Deep Yellow?
The HEX code for Deep Yellow is #ADAD00.
What is the RGB value of Deep Yellow?
Deep Yellow has an RGB value of 173, 173, 0 (rgb(173, 173, 0)). In HSL it is 60°, 100%, 34%.
What text color should I use on Deep Yellow?
Use black text on Deep Yellow. White text has a contrast ratio of 2.40:1 and black text has 8.75:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Yellow?
The complementary color of Deep Yellow is #0000AD. Analogous colors #AD5700 and #57AD00 also pair well.