Brown Color Code: HEX #A52A2A and RGB Code Values

Looking for specific brown color codes? Get the exact brown hex code (#A52A2A) and brown RGB code (rgb(165,42,42)). Complete color information for design and development projects.

HEX#A52A2A

RGBrgb(165,42,42)

Understanding Brown: The Color of Earth and Warmth

Brown is a natural, earthy color that evokes feelings of warmth, stability, and comfort. It's the color of soil, wood, and chocolate. Brown has been a staple in art, design, and everyday life throughout human history.

The Science of Brown

Brown isn't a spectral color—it's created by mixing red, yellow, and blue light. In the RGB model, brown is achieved by combining red and green at high levels with blue at a lower level, or by desaturating orange or red. Brown is often associated with natural materials.

Cultural Significance of Brown

Brown carries diverse symbolism across cultures:

• Western Cultures: Brown represents stability, reliability, and comfort. It's the color of coffee, chocolate, and leather.
• Native American Cultures: Brown represents the earth and connection to nature.
• China: Brown symbolizes simplicity and humility.
• Japan: Brown represents wood and natural materials.
• Modern Culture: Brown is associated with warmth, comfort, and authenticity.

Brown in Nature

Brown appears in many natural forms:

• Soil and Earth: Rich, fertile soil in various shades of brown
• Wood: Trees, forests, and natural wood products
• Animals: Bears, deer, wolves, and many mammals
• Food: Chocolate, coffee, bread, and nuts
• Fossils: Ancient remains preserved in brown tones
• Mountains: Rocky terrain and earthy landscapes

Shades of Brown

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 3B82F6

  rgb(59, 130, 246)
• 376BC8

  rgb(55, 107, 200)
• 31559D

  rgb(49, 85, 157)
• 294073

  rgb(41, 64, 115)
• 202C4C

  rgb(32, 44, 76)
• 151928

  rgb(21, 25, 40)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 3B82F6

  rgb(59, 130, 246)
• 6D95F8

  rgb(109, 149, 248)
• 91A9FA

  rgb(145, 169, 250)
• AFBEFC

  rgb(175, 190, 252)
• CBD3FD

  rgb(203, 211, 253)
• E5E9FE

  rgb(229, 233, 254)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 3B82F6

  rgb(59, 130, 246)
• 5082E9

  rgb(80, 130, 233)
• 6182D7

  rgb(97, 130, 215)
• 6F83C4

  rgb(111, 131, 196)
• 7983B0

  rgb(121, 131, 176)
• 80849B

  rgb(128, 132, 155)
• 808080

  rgb(128, 128, 128)

Brown Palette

Explore curated and automatically generated color palettes featuring brown. 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

#DAF1FF

Light

#ACD2F3

Medium Light

#7AB5E7

Medium

#3498DB

Medium Dark

#2B6F9F

Dark

#214967

Darkest

#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#3498DB

Left Dark

#76AEE2

Left Medium

#A4C5E9

Left Light

#CEDDEF

Neutral

#F5F5F5

Right Light

#F5D5C3

Right Medium

#F1B593

Right Dark

#E89664

Complementary End

#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A9CAED

Medium

#3498DB

Dark

#004D89

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#34DB77

Left Adjacent 1

#34DBCB

Main

#3498DB

Right Adjacent 1

#3445DB

Right Adjacent 2

#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#3498DB

Complementary

#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#3498DB

Secondary

#DB3498

Tertiary

#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#3498DB

Right 90°

#CB34DB

Complementary

#DB7734

Left 90°

#45DB34

Tetradic

Two pairs of complementary colors

4 colors

Main

#3498DB

Secondary

#7734DB

Complementary

#DB7734

Complementary Secondary

#98DB34

Split Complementary

Complementary colors ±30°

3 colors

Main

#3498DB

Split Left

#DB3444

Split Right

#DBCB34

Cyclic

Circular gradient for periodic data

8 colors

0°

#3498DB

45°

#4D34DB

90°

#CB34DB

135°

#DB346E

180°

#DB7734

225°

#C2DB34

270°

#45DB34

315°

#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B6C3

Pastel 1

#AFBFCB

Pastel 2

#BBC9D3

Pastel 3

#C7D3DB

Pastel 4

#D4DDE3

Deep Pastel

#E0E7EB

Common Brown Color Codes (HEX & RGB)

Brown →

HEX:#A52A2A

RGB:rgb(165, 42, 42)

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)

Copper →

HEX:#B87333

RGB:rgb(184, 115, 51)

Bronze →

HEX:#CD7F32

RGB:rgb(205, 127, 50)

Extract Brown Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Brown Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #ECB12E
• RGB:
  rgb(236, 177, 46)
• CMYK:
  cmyk(0%, 25%, 81%, 7%)
• HSV:
  hsv(41°, 81%, 93%)
• HSL:
  hsl(41°, 83%, 55%)

---

Brown Color Psychology

Brown has grounding psychological effects:

Positive Associations

• Warmth and comfort: Home, hearth, cozy spaces
• Stability and reliability: Trustworthy, dependable
• Natural and organic: Earth, wood, nature
• Comfort and security: Familiar, safe
• Warmth and hospitality: Welcoming, inviting

Negative Associations

• Dullness: Brown can feel boring or unexciting
• Dirty: Brown is associated with dirt and grime
• Sadness: "Brown study" meaning deep melancholy
• Old-fashioned: Brown can feel outdated

Psychological Effects

• Brown creates feelings of warmth and comfort
• It promotes feelings of stability and security
• Brown connects us to nature and the earth
• It's associated with reliability and dependability

Using Brown in Design

Brown is a versatile color that adds warmth to designs:

Web Design

• Brown is great for natural and organic websites
• Use lighter browns for warm, inviting designs
• Darker browns convey sophistication and tradition
• Brown works well with cream, beige, and gold

Graphic Design

• Brown is perfect for rustic and natural themes
• Use complementary schemes (brown and blue) for contrast
• Monochromatic brown schemes create depth and warmth
• Brown is excellent for food, coffee, and wood products

Branding

• Coffee brands use brown for warmth (Starbucks, Folgers)
• Chocolate brands use brown for richness (Hershey's, Cadbury)
• Furniture brands use brown for natural materials
• Brown represents authenticity and tradition

Interior Design

• Brown creates warm, inviting spaces
• Light browns add warmth and coziness
• Dark browns add richness and sophistication
• Brown pairs beautifully with cream, beige, and green

Brown Color Harmonies

Brown pairs beautifully with many colors:

Complementary Colors

• Brown and Blue: High-contrast, sophisticated combination
• Brown and Purple: Rich, luxurious pairing

Analogous Colors

• Brown, Orange, Yellow: Warm, earthy schemes
• Brown, Red, Maroon: Deep, rich palettes

Triadic Colors

• Brown, Blue, Purple: Balanced, harmonious combination
• Brown, Green, Purple: Natural, earthy balance

Monochromatic

• Various shades of brown create depth and warmth

Split Complementary

• Brown with blue-green and blue-purple creates balanced contrast

Brown in Fashion

Brown is a classic color in fashion:

• Camel: Warm, versatile, timeless
• Chocolate: Deep, rich, sophisticated
• Tan: Light, natural, summery
• Coffee: Warm, earthy, versatile
• Chestnut: Rich, reddish-brown, elegant

Brown Color Variations

Our comprehensive collection includes:

• Light Browns: Tan, Beige, Khaki
• Mid Browns: Brown, Caramel, Coffee
• Dark Browns: Chocolate, Chestnut, Mahogany
• Red Browns: Auburn, Russet, Brick
• Yellow Browns: Ochre, Gold Brown, Mustard Brown
• Gray Browns: Taupe, Mushroom, Dusty Brown

Frequently Asked Questions

What is the hex code for pure brown?

The hex code for pure brown is #A52A2A.

What are the RGB values for brown?

Brown RGB values are rgb(165, 42, 42).

What colors complement brown?

Brown's complementary color is blue. Brown also pairs well with cream, beige, and green.

Is brown a warm or cool color?

Brown is considered a warm color due to its association with earth and warmth.

What does brown symbolize?

Brown symbolizes warmth, stability, nature, and comfort.

How do I create different shades of brown?

Add white to create lighter browns, add black to create deeper browns, and add red or yellow to create different undertones.