Dark Yellow is a dark, vivid shade in the yellow color family, with a warm feel. Its HEX code is #858500, which equals rgb(133, 133, 0) in RGB and hsl(60, 100%, 26%) in HSL. In print terms it converts to roughly C0 M0 Y100 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#858500 - RGB
133, 133, 0 - HSL
60°, 100%, 26% - CMYK
0, 0, 100, 48 - Family
Yellow - Tone
Dark, vivid
About Dark 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 5.35:1. Its complementary color is #000085.
Download Dark 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…
Dark Yellow color codes
| HEX | #858500 |
|---|---|
| RGB | rgb(133, 133, 0) |
| HSL | hsl(60, 100%, 26%) |
| HSV | 60°, 100%, 52% |
| CMYK | 0%, 0%, 100%, 48% |
| Decimal | 8750336 |
Shades and tints of Dark Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBEBD5 - 100
#D6D6AA - 200
#C2C280 - 300
#AEAE55 - 400
#99992B - 500
#858500 - 600
#6F6F00 - 700
#595900 - 800
#434300 - 900
#2C2C00 - 950
#161600
Color harmonies for Dark Yellow
- Complementary
#000085≈ Navy - Analogous −30°
#854200≈ Dark Persimmon - Analogous +30°
#428500≈ Dark Fern - Triadic +120°
#008585≈ Teal - Triadic +240°
#850085≈ Purple - Split 150°
#004285≈ Dark Cornflower - Split 210°
#420085≈ Indigo
Contrast and accessibility of Dark Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Yellow | Aa | 3.92:1 | AA Large only |
| Black text on Dark Yellow | Aa | 5.35:1 | AA (good) |
CSS code for Dark Yellow
background-color: #858500;color: #858500;background-color: rgb(133, 133, 0);background-color: hsl(60, 100%, 26%);:root { --color-dark-yellow: #858500; }class="bg-[#858500]"Colors similar to Dark Yellow
- Olive
#808000 - Dark Citron
#778500 - Dark Gold
#857700 - Dark Bright Yellow
#77770D - Dark Lime
#6A8500 - Deep Bright Marigold
#9C8011 - Deep Bright Gold
#9C8E11 - Dark Bright Citron
#6D770D - Deep Bright Lime
#809C11 - Dark Marigold
#856A00 - Deep Bright Citron
#8E9C11 - Deep Soft Gold
#8B8023
More yellow shades
- Light Dusty Gold
#BAB697 - Pale Dusty Gold
#CAC7AF - Very Pale Dusty Gold
#DAD8C8 - Palest Dusty Gold
#EBEAE0 - Darkest Yellow
#333300 - Very Dark Yellow
#5C5C00 - Deep Yellow
#ADAD00 - Medium Dark Yellow
#D6D600 - Medium Light Yellow
#FFFF29 - Light Yellow Tone
#FFFF52 - Pale Yellow
#FFFF7A
Frequently asked questions
What is the HEX code for Dark Yellow?
The HEX code for Dark Yellow is #858500.
What is the RGB value of Dark Yellow?
Dark Yellow has an RGB value of 133, 133, 0 (rgb(133, 133, 0)). In HSL it is 60°, 100%, 26%.
What text color should I use on Dark Yellow?
Use black text on Dark Yellow. White text has a contrast ratio of 3.92:1 and black text has 5.35:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Yellow?
The complementary color of Dark Yellow is #000085. Analogous colors #854200 and #428500 also pair well.