Beige — #F5F5DC HEX Color
About Beige
Beige (#F5F5DC) is a cool, light, vivid yellow tone with a hue of 60°, saturation of 56% and lightness of 91%. It works well for highlights and friendly designs and conveys a cheerful feeling. On a white background it reaches a contrast ratio of 1.11:1, while on black it reaches 18.98:1 — so prefer black text when using #F5F5DC as a background.
Color Codes
Accessibility & Contrast
Recommendation: when using #F5F5DC as a background, use black text for the highest contrast.
Color Schemes
Tints & Shades
CSS Code Snippets
background-color: #F5F5DC;color: #F5F5DC;border: 2px solid #F5F5DC;background: linear-gradient(135deg, #F5F5DC, #dcdcf5);Code Export
:root {
--color-primary: #f5f5dc;
--color-primary-rgb: 245, 245, 220;
--color-primary-hsl: 60, 56%, 91%;
}Explore Color Tools
Related Tools
Related Combinations
Frequently Asked Questions
What is the name of color #F5F5DC?
Color #F5F5DC is commonly known as Beige. It is a cool, light, vivid yellow tone.
Is #F5F5DC a warm or cool color?
Beige (#F5F5DC) is a cool color. With a hue of 60°, it falls in the yellow family.
What colors go well with #F5F5DC?
Colors that pair well with Beige (#F5F5DC) include its complementary color (#DCDCF5), neutral whites and warm creams, and analogous yellow tones for harmonious palettes.