#f5f5dc
HEX
#f5f5dc RGB
rgb(245, 245, 220) HSL
60°, 56%, 91% 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
CSS Code
.beige-color {
color: #f5f5dc;
}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
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.