Appearance

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.

Visual example of the classic brown color with hex code #A52A2A
HEX#A52A2A
RGBrgb(165,42,42)

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.

🎨

Shades (Adding Black)

  • A52A2A
    rgb(165, 42, 42)
  • 882624
    rgb(136, 38, 36)
  • 6C211E
    rgb(108, 33, 30)
  • 521C19
    rgb(82, 28, 25)
  • 381613
    rgb(56, 22, 19)
  • 210F0B
    rgb(33, 15, 11)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • A52A2A
    rgb(165, 42, 42)
  • B95149
    rgb(185, 81, 73)
  • CB746A
    rgb(203, 116, 106)
  • DC968D
    rgb(220, 150, 141)
  • EAB9B2
    rgb(234, 185, 178)
  • F5DCD8
    rgb(245, 220, 216)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • A52A2A
    rgb(165, 42, 42)
  • 9E332F
    rgb(158, 51, 47)
  • 943C36
    rgb(148, 60, 54)
  • 88453E
    rgb(136, 69, 62)
  • 7B4C46
    rgb(123, 76, 70)
  • 6B534F
    rgb(107, 83, 79)
  • 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.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F1AEAE
Light
#DA837F
Medium Light
#C15953
Medium
#A52A2A
Medium Dark
#6F2320
Dark
#3D1916
Darkest
#0D0808

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#A52A2A
Left Dark
#C06158
Left Medium
#D69289
Left Light
#E8C3BE
Neutral
#F5F5F5
Right Light
#C9E1E0
Right Medium
#9CCDCC
Right Dark
#6CB9B8
Complementary End
#2AA5A5

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#DC968D
Medium
#A52A2A
Dark
#6D0000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#A52AA5
Left Adjacent 1
#A52A68
Main
#A52A2A
Right Adjacent 1
#A5682A
Right Adjacent 2
#A5A52A

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#A52A2A
Complementary
#2AA5A5

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#A52A2A
Secondary
#2AA52A
Tertiary
#2A2AA5

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#A52A2A
Right 90°
#68A52A
Complementary
#2AA5A5
Left 90°
#672AA5

Tetradic

Two pairs of complementary colors

4 colors
Main
#A52A2A
Secondary
#A5A52A
Complementary
#2AA5A5
Complementary Secondary
#2A2AA5

Split Complementary

Complementary colors ±30°

3 colors
Main
#A52A2A
Split Left
#2AA568
Split Right
#2A67A5

Cyclic

Circular gradient for periodic data

8 colors
0°
#A52A2A
45°
#A5862A
90°
#68A52A
135°
#2AA549
180°
#2AA5A5
225°
#2A49A5
270°
#672AA5
315°
#A52A86

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C0A5A5
Pastel 1
#C9B1B1
Pastel 2
#D1BDBD
Pastel 3
#D9C9C9
Pastel 4
#E2D5D5
Deep Pastel
#EAE1E1

Common Brown 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)

All Brown Colors ​

Browse all 57 brown colors with exact hex and RGB values:

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

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.

🎨

All Formats:

  • HEX:
    #A52A2A
  • RGB:
    rgb(165, 42, 42)
  • CMYK:
    cmyk(0%, 75%, 75%, 35%)
  • HSV:
    hsv(0°, 75%, 65%)
  • HSL:
    hsl(0°, 59%, 41%)

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.