Skip to content

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)

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.

🎨

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.

🎨

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) ​

HEX:#A52A2A
RGB:rgb(165, 42, 42)
HEX:#A52A2A
RGB:rgb(165, 42, 42)
HEX:#B5651D
RGB:rgb(181, 101, 29)
HEX:#654321
RGB:rgb(101, 67, 33)
HEX:#F5F5DC
RGB:rgb(245, 245, 220)
HEX:#B87333
RGB:rgb(184, 115, 51)
HEX:#CD7F32
RGB:rgb(205, 127, 50)

All Brown Colors ​

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

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:
    #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.