Shades of Yellow — Yellow Color Names & HEX Codes

Q: What is the HEX code for yellow?

Common yellow HEX codes include #EADDCA (Almond), #FFBF00 (Amber), #FBCEB1 (Apricot). Browse the table above for the full set of yellow color names and hex codes.

← Back to Color Library

Almond

#EADDCA

Amber

#FFBF00

Apricot

#FBCEB1

Beige

#F5F5DC

Brass

#E1C16E

#FFEA00

#FDDA0D

#FFFF8F

#DFFF00

Citrine

#E4D00A

Cornsilk

#FFF8DC

Cream

#FFFDD0

Dark Yellow

#8B8000

Desert

#FAD5A5

Ecru

#C2B280

Flax

#EEDC82

Gamboge

#E49B0F

Gold

#FFD700

Golden Yellow

#FFC000

Goldenrod

#DAA520

Icterine

#FCF55F

Ivory

#FFFFF0

Jasmine

#F8DE7E

Khaki

#F0E68C

Lemon Yellow

#FAFA33

Maize

#FBEC5D

Mango

#F4BB44

Mustard Yellow

#FFDB58

Naples Yellow

#FADA5E

Navajo White

#FFDEAD

Nyanza

#ECFFDC

Pastel Yellow

#FFFAA0

Peach

#FFE5B4

Pear

#C9CC3F

Peridot

#B4C424

Pistachio

#93C572

Saffron

#F4C430

Vanilla

#F3E5AB

Vegas Gold

#C4B454

Wheat

#F5DEB3

Yellow

#FFFF00

Yellow Orange

#FFAA33

Name	Hex	RGB	HSL
Almond	#EADDCA	234, 221, 202	36, 43%, 85%
Amber	#FFBF00	255, 191, 0	45, 100%, 50%
Apricot	#FBCEB1	251, 206, 177	24, 90%, 84%
Beige	#F5F5DC	245, 245, 220	60, 56%, 91%
Brass	#E1C16E	225, 193, 110	43, 66%, 66%
Bright Yellow	#FFEA00	255, 234, 0	55, 100%, 50%
Cadmium Yellow	#FDDA0D	253, 218, 13	51, 98%, 52%
Canary Yellow	#FFFF8F	255, 255, 143	60, 100%, 78%
Chartreuse	#DFFF00	223, 255, 0	68, 100%, 50%
Citrine	#E4D00A	228, 208, 10	54, 92%, 47%
Cornsilk	#FFF8DC	255, 248, 220	48, 100%, 93%
Cream	#FFFDD0	255, 253, 208	57, 100%, 91%
Dark Yellow	#8B8000	139, 128, 0	55, 100%, 27%
Desert	#FAD5A5	250, 213, 165	34, 89%, 81%
Ecru	#C2B280	194, 178, 128	45, 35%, 63%
Flax	#EEDC82	238, 220, 130	50, 76%, 72%
Gamboge	#E49B0F	228, 155, 15	39, 88%, 48%
Gold	#FFD700	255, 215, 0	51, 100%, 50%
Golden Yellow	#FFC000	255, 192, 0	45, 100%, 50%
Goldenrod	#DAA520	218, 165, 32	43, 74%, 49%
Icterine	#FCF55F	252, 245, 95	57, 96%, 68%
Ivory	#FFFFF0	255, 255, 240	60, 100%, 97%
Jasmine	#F8DE7E	248, 222, 126	47, 90%, 73%
Khaki	#F0E68C	240, 230, 140	54, 77%, 75%
Lemon Yellow	#FAFA33	250, 250, 51	60, 95%, 59%
Maize	#FBEC5D	251, 236, 93	54, 95%, 67%
Mango	#F4BB44	244, 187, 68	41, 89%, 61%
Mustard Yellow	#FFDB58	255, 219, 88	47, 100%, 67%
Naples Yellow	#FADA5E	250, 218, 94	48, 94%, 67%
Navajo White	#FFDEAD	255, 222, 173	36, 100%, 84%
Nyanza	#ECFFDC	236, 255, 220	93, 100%, 93%
Pastel Yellow	#FFFAA0	255, 250, 160	57, 100%, 81%
Peach	#FFE5B4	255, 229, 180	39, 100%, 85%
Pear	#C9CC3F	201, 204, 63	61, 58%, 52%
Peridot	#B4C424	180, 196, 36	66, 69%, 45%
Pistachio	#93C572	147, 197, 114	96, 42%, 61%
Saffron	#F4C430	244, 196, 48	45, 90%, 57%
Vanilla	#F3E5AB	243, 229, 171	48, 75%, 81%
Vegas Gold	#C4B454	196, 180, 84	51, 49%, 55%
Wheat	#F5DEB3	245, 222, 179	39, 77%, 83%
Yellow	#FFFF00	255, 255, 0	60, 100%, 50%
Yellow Orange	#FFAA33	255, 170, 51	35, 100%, 60%

Frequently asked questions

What yellow colors are on this list?

This page lists named yellow colors, each with a HEX code, RGB values, and HSL breakdown. Click any swatch to copy the HEX or open a full reference page with conversions and palettes.

What is the HEX code for yellow?

Common yellow HEX codes include #EADDCA (Almond), #FFBF00 (Amber), #FBCEB1 (Apricot). Browse the table above for the full set of yellow color names and hex codes.

Can I copy yellow color codes for CSS?

Yes. Use the copy button on any row to copy its HEX to your clipboard, then paste into CSS, Tailwind, Figma, or your design tokens. Click the color name to open a dedicated page with RGB, HSL, OKLCH, and accessibility previews.