Color Codes › Beige vs Cream
Beige vs Cream
See beige and cream side by side with their codes, and a clear explanation of how they differ.
Beige
Hex#F5F5DC
RGBrgb(245, 245, 220)
HSLhsl(60, 56%, 91%)
OKLCHoklch(0.96 0.03 107)
Cream
Hex#FFFDD0
RGBrgb(255, 253, 208)
HSLhsl(57, 100%, 91%)
OKLCHoklch(0.98 0.06 105)
The difference between beige and cream
Both are warm near-neutrals, but beige is a touch more tan and grey, while cream is lighter and leans yellow-white. Cream feels softer and more luxurious; beige reads as a flatter background tone.
If you are choosing between them for a design, the easiest way to decide is to view both against your background. Drop each hex into the contrast checker to confirm readability, or open the picker to fine-tune either one.
Quick reference
Beige: #F5F5DC · rgb(245, 245, 220) · hsl(60, 56%, 91%)
Cream: #FFFDD0 · rgb(255, 253, 208) · hsl(57, 100%, 91%)
Frequently asked questions
What is the difference between beige and cream?
Both are warm near-neutrals, but beige is a touch more tan and grey, while cream is lighter and leans yellow-white. Cream feels softer and more luxurious; beige reads as a flatter background tone.
What is the hex code for beige?
Beige is #F5F5DC (rgb(245, 245, 220)).
What is the hex code for cream?
Cream is #FFFDD0 (rgb(255, 253, 208)).
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →