Beige Color Code

HEX

#F5F5DC

RGB

rgb(245, 245, 220)

HSL

hsl(60, 56%, 91%)

CMYK

0%, 0%, 10%, 4%

About Beige

Beige is a soft, neutral color that embodies warmth and simplicity. It is often associated with natural materials and organic elements, making it a popular choice in both design and fashion.

Psychology

Beige is known to:

  • Promote a sense of calmness and tranquility
  • Evoke feelings of stability and reliability
  • Create an inviting and comfortable environment

Usage

This versatile color is commonly used in:

  • Interior design for creating warm and welcoming spaces
  • Fashion for timeless and classic styles
  • Branding for companies aiming for a sophisticated and subtle image
  • Web design to provide a neutral backdrop that allows other colors to stand out

Combinations

Beige pairs beautifully with:

  • Soft White ( #FFFFFF )
  • Sage Green ( #B2BEB5 )
  • Dusty Rose ( #D6A6A1 )
  • Chocolate Brown ( #3B2A2A )

Beige shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Beige

Complementary

hsl(240, 56%, 91%)

Analogous

hsl(90, 56%, 91%)

Triadic

hsl(180, 56%, 91%)

Beige color values and uses

Beige is represented here by #F5F5DC. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(245, 245, 220); HSL hsl(60, 56%, 91%) describes hue, saturation, and lightness, while CMYK 0%, 0%, 10%, 4% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use beige alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Beige

What is the hex code of Beige?

The hex code of Beige is #F5F5DC.

What is the RGB value of Beige?

The RGB value is rgb(245, 245, 220), with red, green, and blue channels shown in that order.

What colors go with Beige?

Beige can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Beige?

The HSL value is hsl(60, 56%, 91%); the approximate CMYK conversion is 0%, 0%, 10%, 4%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors