Beige color: hex codes, shades and palettes

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

Beige is #F5F5DC — pale yellow. Below are its shades with hex codes, the values in every common format, and beige color palettes to copy.

#FAECD8

#EEE5D6

#E4DED4

#E3D5C1

#D8D2C0

#E1DBCB

#EBE5CE

#F4EEDF

#E1CFBC

#E5D9C6

#EDE1CE

#F5E9D1

#DFD0C0

#E9D8C4

#EBE1D6

#FAE8D4

#E9D3D2

#E7D7CF

#FDEFE0

#E0DCC7

#F6EBD4

#E9E5D2

#DEDED0

#D5D8C8

#FDEFDC

#ECE6DD

#EDDAC0

#DED0C0

#F7E1D2

#F5EEE6

#EDE9DD

#E5E5CD

#DED8C2

#E0E0D2

#E1EBD6

#E6F2E3

#F9EAD4

#ECE5CF

#E3E0C5

#D7DBC3

#F3ECD3

#E5E4D9

#DCDDCA

#D0D7C3

#EEEEDF

#E4E5DA

#D9DDCC

#CFD5C4

#EAD9D0

#EED5C0

#E2D6C7

#D5D2C0

#F1EADF

#E7E4D9

#E3DEC2

#D6D8C8

#F4DDCB

#DFD2B8

#E4E2D2

#DEE5D0

#FDE4D5

#F8DECB

#ECD9CB

#E1D4CB

#F1EAE0

#EFE1C7

#E7D8BE

#D7D1C2

#ECDAD4

#EBD9CD

#DDD0C1

#DFDACE

#D9D1C3

#E2DBC7

#E6E5D5

#EDF0DC

#F8F0D8

#E9E8D5

#DBE1CF

#D1D7CA

#F2EDD7

#E8E6D9

#E1DED2

#DAD8C3

#F1EDE1

#E8E4D8

#E3DBBF

#D6D2C1

#F2F1E1

#EAE8D4

#E1DFCA

#D9D6BC

#F2ECD5

#E7E5D4

#DEE0C4

#D5D7C8

Beige hex, RGB, HSL and OKLCH

#F5F5DC

HEX: #F5F5DC
RGB: rgb(245, 245, 220)
HSL: hsl(60, 56%, 91%)
OKLCH: oklch(96.4% 0.033 107.0)
On white: 1.11:1
On black: 18.98:1

Shades of beige

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

Beige on white measures 1.11:1 and on black 18.98: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.26: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:ivory, cream. See every shade on the colors index.

Beige color: hex codes, shades and palettes

No beige palettes yet

Beige hex, RGB, HSL and OKLCH

Shades of beige

Contrast and readability