Beige Color Code: HEX Code & RGB Code Values

Looking for specific beige color code? Get exact beige hex code #F5F5DC and beige RGB code rgb(245,245,220). Complete color information for design and development projects featuring this versatile, neutral color.

HEX#F5F5DC

RGBrgb(245,245,220)

Shades of Beige

Create custom shades of beige with our color generator. Adjust hues, tints, and tones to find the perfect shade of beige for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• F5F5DC

  rgb(245, 245, 220)
• C8C8B4

  rgb(200, 200, 180)
• 9C9C8D

  rgb(156, 156, 141)
• 737368

  rgb(115, 115, 104)
• 4C4C45

  rgb(76, 76, 69)
• 282825

  rgb(40, 40, 37)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• F5F5DC

  rgb(245, 245, 220)
• F7F7E2

  rgb(247, 247, 226)
• F8F8E8

  rgb(248, 248, 232)
• FAFAED

  rgb(250, 250, 237)
• FCFCF3

  rgb(252, 252, 243)
• FDFDF9

  rgb(253, 253, 249)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• F5F5DC

  rgb(245, 245, 220)
• F5F5DF

  rgb(245, 245, 223)
• F5F5E2

  rgb(245, 245, 226)
• F4F4E6

  rgb(244, 244, 230)
• F4F4EA

  rgb(244, 244, 234)
• F4F4EF

  rgb(244, 244, 239)
• 808080

  rgb(128, 128, 128)

Beige Palette

Explore curated and automatically generated color palettes featuring beige. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F9F9EB

Light

#F8F8E6

Medium Light

#F6F6E1

Medium

#F5F5DC

Medium Dark

#E8E5AB

Dark

#D9D67B

Darkest

#C8C746

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#F5F5DC

Left Dark

#F5F5E2

Left Medium

#F5F5E9

Left Light

#F5F5EF

Neutral

#F5F5F5

Right Light

#EFEFF5

Right Medium

#E9E8F5

Right Dark

#E2E2F5

Complementary End

#DCDCF5

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FAFAED

Medium

#F5F5DC

Dark

#73735E

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#F5DCDC

Left Adjacent 1

#F5E9DC

Main

#F5F5DC

Right Adjacent 1

#E9F5DC

Right Adjacent 2

#DCF5DC

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#F5F5DC

Complementary

#DCDCF5

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#F5F5DC

Secondary

#DCF5F5

Tertiary

#F5DCF5

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#F5F5DC

Right 90°

#DCF5E9

Complementary

#DCDCF5

Left 90°

#F5DCE9

Tetradic

Two pairs of complementary colors

4 colors

Main

#F5F5DC

Secondary

#DCF5DC

Complementary

#DCDCF5

Complementary Secondary

#F5DCF5

Split Complementary

Complementary colors ±30°

3 colors

Main

#F5F5DC

Split Left

#DCE9F5

Split Right

#E9DCF5

Cyclic

Circular gradient for periodic data

8 colors

0°

#F5F5DC

45°

#E2F5DC

90°

#DCF5E9

135°

#DCEFF5

180°

#DCDCF5

225°

#EFDCF5

270°

#F5DCE9

315°

#F5E2DC

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#BFBFA6

Pastel 1

#C8C8B2

Pastel 2

#D0D0BE

Pastel 3

#D9D9C9

Pastel 4

#E1E1D5

Deep Pastel

#EAEAE1

Common Neutral Color Codes (HEX & RGB)

Brown →

HEX:#A52A2A

RGB:rgb(165, 42, 42)

Light Brown →

HEX:#B5651D

RGB:rgb(181, 101, 29)

Dark Brown →

HEX:#654321

RGB:rgb(101, 67, 33)

Beige →

HEX:#F5F5DC

RGB:rgb(245, 245, 220)

Extract Beige Hex & RGB Codes from Image

Upload a photo to find the exact beige HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Beige Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for beige shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #F5F5DC
• RGB:
  rgb(245, 245, 220)
• CMYK:
  cmyk(0%, 0%, 10%, 4%)
• HSV:
  hsv(60°, 10%, 96%)
• HSL:
  hsl(60°, 56%, 91%)

---

What is Beige?

Beige is a light, warm neutral color that sits between white and tan. The name comes from the French word for natural wool. Beige has been a popular color in fashion and interiors for centuries, valued for its versatility and ability to complement many other colors.

Beige is a calming, timeless color that evokes feelings of warmth and comfort. It's often associated with natural materials like sand, wool, and stone. The color has a gentle quality that works well in both minimalist and traditional designs.

The hex code for beige is #F5F5DC, with RGB values of rgb(245, 245, 220). This combination creates a soft, warm off-white with subtle yellow undertones.

Beige vs Similar Colors

Beige sits among other neutral shades:

Color	HEX Code	Key Difference
Beige	#F5F5DC	Warm off-white
Cream	#FFFDD0	More yellow
Ivory	#FFFFF0	Brighter, less yellow
Tan	#D2B48C	Darker, more brown

Beige is lighter than tan and has less yellow than cream. Its neutral quality makes it incredibly versatile.

Using Beige in Design

Beige's versatility makes it suitable for many contexts:

Web and UI Design: Beige works well for minimalist designs, luxury brands, and natural themes. It creates warm, inviting interfaces. Pair with soft pastels or dark wood tones for contrast.

Graphic Design: Beige is ideal for elegant stationery, packaging, and editorial design. It pairs beautifully with gold, soft pink, and forest green.

Fashion and Interiors: A timeless color for clothing and home decor. In interiors, beige serves as an excellent base color for walls and furniture.

Color Psychology and Meaning

Beige carries neutral associations:

• Warmth and comfort: Evokes feelings of coziness and home
• Neutrality and balance: Creates a calming, balanced atmosphere
• Naturalness and simplicity: Linked to natural materials
• Timelessness and elegance: Often used in classic designs

Frequently Asked Questions

What is the beige hex code?

The beige hex code is #F5F5DC. This warm neutral is widely used in design.

What colors go well with beige?

Beige pairs beautifully with gold, soft pink, forest green, and white.

Is beige a warm or cool color?

Beige is generally considered a warm color with subtle yellow undertones.

What are the RGB values for beige?

The beige RGB code is rgb(245, 245, 220).

Why is beige popular in interiors?

Beige's neutral quality makes it a versatile base color that complements many design styles.