Beige Color — HEX, RGB, HSL, Palettes & Contrast

Beige (#f5f5dc): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#f5f5dc
HEX #f5f5dc
RGB rgb(245, 245, 220)
HSL 60°, 56%, 91%

Use Beige in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Beige Color

Beige is a warm, neutral color that creates a calm, inviting backdrop. It is popular in minimalist interiors and clean web design.

Use Cases for Beige

backgroundsinterior designminimalist themescafe brandingpaper textures

Shades & Tints of Beige

#ffffff
#fdfdf6
#fafaee
#f8f8e5
#f5f5dc
#b8b8a5
#7b7b6e
#3d3d37
#000000

Complementary Color

#f5f5dc
#dbdbf5

Analogous Colors

#f5e8db
#f5f5dc
#e8f5db

Triadic Colors

#f5f5dc
#dbf5f5
#f5dbf5

Split Complementary

#f5f5dc
#dbe8f5
#e8dbf5

Tetradic Colors

#f5f5dc
#dbf5db
#dbdbf5
#f5dbf5

CSS Code

.beige-color {
  color: #f5f5dc;
  background-color: #f5f5dc;
}

/* As a CSS custom property */
:root {
  --color-beige: #f5f5dc;
}

Accessibility Score

75 / 100
Rating: Good
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✗ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Beige
Ratio: 18.98:1 ✓ Passes AA ✓ Passes AAA
White text on Beige
Ratio: 1.11:1 ✗ Fails AA ✗ Fails AAA

Related Colors

Bisque
BlanchedAlmond
Wheat
Burlywood
Tan

Related Tools

Frequently Asked Questions

What color is Beige?

Beige is represented by the hex code #f5f5dc and has RGB values of rgb(245, 245, 220). It falls under the Brown category.

How to use Beige in web design?

Beige works well for backgrounds, interior design, minimalist themes. Beige is a warm, neutral color that creates a calm, inviting backdrop. It is popular in minimalist interiors and clean web design. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Beige?

Colors that pair well with Beige include bisque, blanchedalmond, wheat, burlywood, tan. For a complementary scheme, try #dbdbf5. For an analogous scheme, use #f5e8db and #e8f5db. For a triadic scheme, combine with #dbf5f5 and #f5dbf5.