CSS named color
Beige
#F5F5DC
HEX
#f5f5dcRGB
rgb(245, 245, 220)HSL
hsl(60, 56%, 91%)OKLCH
oklch(96.36% 0.0328 107.00)NAME
beigePalette
Complementary
180° on the color wheelComplement
#DBDBF5
Analogous
±30° around the base hueLeft
#F5E8DB
Right
#E8F5DB
Triadic
±120° for harmonic contrastTriad 1
#DBF5F5
Triad 2
#F5DBF5
Shades
Lighter and darker variantsCSS usage
By name
color: beige;
background-color: beige;By HEX
color: #f5f5dc;
background-color: #f5f5dc;By RGB
color: rgb(245, 245, 220);
background-color: rgb(245, 245, 220);By HSL
color: hsl(60, 56%, 91%);
background-color: hsl(60, 56%, 91%);WCAG contrast vs white
Aa
1.11:1
Below minimum
WCAG contrast vs black
Aa
18.98:1
AAA
Related colors
FAQ — Beige
What is the HEX code for Beige?
The HEX code for Beige is #F5F5DC. It's one of the 148 named CSS colors and can be used directly in CSS as color: beige; or color: #f5f5dc;
What is Beige in RGB?
Beige in RGB is rgb(245, 245, 220) — red 245, green 245, blue 220.
What is Beige in HSL?
Beige in HSL is hsl(60, 56%, 91%) — hue 60°, saturation 56%, lightness 91%.
What is the complementary color of Beige?
The complementary color (directly opposite Beige on the color wheel) is #DBDBF5. The two together produce maximum contrast.
Is white text readable on Beige?
The WCAG contrast ratio against white (#FFFFFF) is 1.11:1, and against black (#000000) it's 18.98:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.