#F5F5DC
Beige
Beige is a very pale, sandy brown that serves as a warm neutral. It is elegant, understated, and one of the most popular background colors.
Beige Color Values
HEX#F5F5DC
RGB245, 245, 220
HSL60°, 56%, 91%
HSV60°, 10%, 96%
CMYK0%, 0%, 10%, 4%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #FAF3DB (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #FAF4DD (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #F9F1EE (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #F2F2F2 (~0.003% of population)
Beige as Text Color
Beige on White
1.1:1FAIL
Beige on Light Gray
1.0:1FAIL
Beige on Cream
1.0:1FAIL
Beige on Dark
15.4:1AAA
Beige on Black
19.0:1AAA
Beige on Soft Blue
1.0:1FAIL
Beige on Soft Green
1.0:1FAIL
Beige on Soft Pink
1.1:1FAIL
Nearest Tailwind Class
orange-100
#FFEDD5
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-beige: #F5F5DC;
--color-beige-rgb: 245, 245, 220;
}Tailwind Config
// tailwind.config.js
colors: {
'beige': '#F5F5DC',
}Shades of Beige
#F5F5DB
#EAEAB3
#DEDE8C
#D3D364
#C8C83C
#9F9F2D
#777722
#505016
#28280B
#000000
Tints of Beige
#F5F5DB
#F6F6DF
#F7F7E3
#F8F8E7
#F9F9EB
#FBFBEF
#FCFCF3
#FDFDF7
#FEFEFB
#FFFFFF
Color Harmonies
Complementary
#F5F5DC
#DBDBF5
Analogous
#F5E8DB
#F5F5DB
#E8F5DB
Triadic
#F5F5DB
#DBF5F5
#F5DBF5
Beige Text Preview
Heading in Beige
Body text in Beige. The quick brown fox jumps over the lazy dog.
White on Beige
Body text on a Beige background.
Beige text on dark background
Contrast: 16.0:1