beige Color Codes
Color Preview
Beige Color Codes
Related Colors
Complementary
#0a0a23
Analogous
hsl(90, 56%, 91%)
hsl(30, 56%, 91%)
Triadic
hsl(180, 56%, 91%)
hsl(300, 56%, 91%)
Tetradic
hsl(150, 56%, 91%)
hsl(240, 56%, 91%)
hsl(330, 56%, 91%)
HTML Snippets
.element { background-color: #F5F5DC; }.element { color: #F5F5DC; }This is how the text color would appear.
<span style="color: #F5F5DC;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black18.98 (AA)
White1.11 (Fail)
Shades of Beige
hsl(60, 56%, 61%)
hsl(60, 56%, 76%)
#F5F5DC
hsl(60, 56%, 100%)
hsl(60, 56%, 100%)
Color Blindness Simulations
Protanopia (Red-Blind)
#f5f5e2
Deuteranopia (Green-Blind)
#f5f5e4
Tritanopia (Blue-Blind)
#f5f5f5
Related Palettes
About beige
beige (#F5F5DC) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.