Color Codes › Shades of Yellow
Shades of yellow
A full palette of yellow — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.
#EAB308
Shades of yellow
Yellow mixed with black — darker and deeper.
#EAB308
rgb(234, 179, 8)
#D5A307
rgb(213, 163, 7)
#BF9207
rgb(191, 146, 7)
#AA8206
rgb(170, 130, 6)
#957205
rgb(149, 114, 5)
#806204
rgb(128, 98, 4)
#6A5104
rgb(106, 81, 4)
#554103
rgb(85, 65, 3)
#403102
rgb(64, 49, 2)
#2B2101
rgb(43, 33, 1)
#151001
rgb(21, 16, 1)
#000000
rgb(0, 0, 0)
Tints of yellow
Yellow mixed with white — lighter and softer.
#EAB308
rgb(234, 179, 8)
#ECBA1E
rgb(236, 186, 30)
#EEC135
rgb(238, 193, 53)
#F0C84B
rgb(240, 200, 75)
#F2CF62
rgb(242, 207, 98)
#F4D678
rgb(244, 214, 120)
#F5DC8F
rgb(245, 220, 143)
#F7E3A5
rgb(247, 227, 165)
#F9EABC
rgb(249, 234, 188)
#FBF1D2
rgb(251, 241, 210)
#FDF8E9
rgb(253, 248, 233)
#FFFFFF
rgb(255, 255, 255)
Tones of yellow
Yellow mixed with grey — muted and subtle.
#EAB308
rgb(234, 179, 8)
#E0AE13
rgb(224, 174, 19)
#D7AA1E
rgb(215, 170, 30)
#CDA529
rgb(205, 165, 41)
#C3A034
rgb(195, 160, 52)
#BA9C3F
rgb(186, 156, 63)
#B09749
rgb(176, 151, 73)
#A79354
rgb(167, 147, 84)
#9D8E5F
rgb(157, 142, 95)
#93896A
rgb(147, 137, 106)
#8A8575
rgb(138, 133, 117)
#808080
rgb(128, 128, 128)
Shades, tints and tones explained
Starting from a base yellow (#EAB308), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent yellow palette — useful for hover states, backgrounds, borders and accessible text.
Want a different starting yellow? Open the colour picker, choose your exact yellow, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.
What are the shades of yellow?
Yellow mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.
What is the hex code for yellow?
A common yellow is #EAB308, but yellow spans the whole range shown above.
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →