Yellow color: hex codes, shades and palettes

Palettes built around yellow. Click any swatch to copy its hex code.

Yellow is #FFFF00 — vivid yellow. Below are its shades with hex codes, the values in every common format, and yellow color palettes to copy.

#BB9514

#B8AD35

#00A0CC

#D3AAFF

#00C5B6

#83B2FF

#FA8CB2

#AFA035

#D8CCB6

#CAEDEC

#F6D4EB

#E8E5D1

#9E8F00

#7B8748

#789C68

#2C834F

#C39E55

#A08400

#6F6F00

#47571C

#009DBE

#FF99C4

#DDB500

#64C1FF

#473929

#776139

#9F8F6A

#CAC096

#E5BD00

#57E1F6

#DD6BAC

#BFD076

#D8D2C0

#E1DBCB

#EBE5CE

#F4EEDF

#9CB4E5

#CBD0FF

#D1B672

#D9C576

#6E3273

#AC7299

#999254

#49928D

#E6D4B1

#CABA8E

#ABA273

#928A3C

#ACAA6F

#A3B78B

#88B48E

#38735F

#AF9B7F

#857853

#5A5737

#323725

#AC917F

#C5B08E

#A49965

#98A475

#A97D54

#978469

#8E7944

#69674B

#E9D3D2

#E7D7CF

#FDEFE0

#E0DCC7

#C7A062

#CBC49E

#A1D2DC

#CFC2E7

#9089FF

#C9A5FF

#DABF00

#C6C300

#F6EBD4

#E9E5D2

#DEDED0

#D5D8C8

#C6AB39

#A8B36C

#62BCFF

#785DAD

#F94CD2

#D0C400

#00D0F8

#FF91CA

#FFBB54

#C29B00

#93C8FF

#A9C1FF

#F0D0BD

#D6C3B0

#E9DEC3

#DCDEC8

Yellow hex, RGB, HSL and OKLCH

#FFFF00

HEX: #FFFF00
RGB: rgb(255, 255, 0)
HSL: hsl(60, 100%, 50%)
OKLCH: oklch(96.8% 0.211 109.8)
On white: 1.07:1
On black: 19.56:1

Shades of yellow

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Yellow on white measures 1.07:1 and on black 19.56:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.17:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:mustard. See every shade on the colors index.

Yellow color: hex codes, shades and palettes

No yellow palettes yet

Yellow hex, RGB, HSL and OKLCH

Shades of yellow

Contrast and readability