Beige
Beige (#F5F5DC) is a study in understated elegance. Its defining quality is a soft, creamy warmth that creates a stable and sophisticated canvas. This particular shade offers a gentle luminosity, making it a compelling neutral for interfaces that require a touch of organic character.
Beige Code Conversions
HEX
#F5F5DC
LAB
96, -4, 12
RGB
245, 245, 220
XYZ
83.2, 89.9, 80.7
HSL
60°, 56%, 91%
LCH
96, 13, 109°
HSB
60°, 10%, 96%
LUV
96, 1, 19
HWB
60°, 86%, 4%
Beige Color Harmonies
Analogous
Created from adjacent hues on the color wheel, analogous schemes for Beige result in a naturally harmonious and serene composition for any design.
Complementary
Complementary colors are direct opposites on the color wheel. Pairing Beige with its counterpart creates a high-contrast combination that makes designs stand out.
Split Complementary
For a more nuanced high-contrast palette, Beige's split complementary scheme pairs it with the two colors adjacent to its direct complement on the wheel.
Triadic
A triadic color scheme uses three colors equidistant on the color wheel. With Beige (#F5F5DC) as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme for Beige involves two pairs of complementary colors, resulting in a dynamic four-color palette that offers considerable design flexibility.
Square
A square color scheme pairs Beige with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Beige Contrast Simulation
Beige Color Variations
Shades
Adding black to Beige creates darker shades that give a design more substance and weight.
Tints
Adding white to Beige produces tints—lighter variations that introduce a softer, more delicate feel.
Tones
Adding gray to Beige creates its tones, which offer a muted and sophisticated palette.
Hues
Beige hues are variations in temperature and intensity, subtly altering a design's mood.
What Interfaces Use Colors Like Beige?





























