Brown Yellow

#cc9966

Orange Family →

What Color is Brown Yellow

Brown Yellow, represented by Hex #cc9966, is a warm, toasted shade that sits at the intersection of sun-baked earth and golden grain. It radiates organic charm and a sense of timeless dependability. This muted orange-family hue functions as a sophisticated neutral that brings warmth to any palette.

What color is opposite Brown Yellow?

The opposite color to Brown Yellow is Danube (#6699cc).

View Danube

Additional Information

  • Color Family: Orange
  • Temperature: Warm
  • Associated Season: Spring
  • Complementary Color: #6699CC
  • Brightness: 162/255
  • Saturation: 50%

Colors That Pair Well With Brown Yellow

Complementary

Pair with Danube for a harmonious, balanced look. Great for backgrounds and accents.

#cc9966#6699cc

High Contrast

Use Matisse for maximum readability. Ideal for text or critical UI elements.

#cc9966#336699

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#e0c2a3#664d33

Brown Yellow History

This color traces its primary origins to ochre, one of the earliest pigments used in prehistoric cave art dating back over 30,000 years. As a natural earth pigment composed of hydrated iron oxide, it provided ancient civilizations with a permanent and accessible medium for ritualistic expression and storytelling.

During the Renaissance, artists refined this shade through the use of Sienna, a pigment named after the Italian city-state where the earth was mined. It became a foundational tone for masters like Caravaggio, who used these tawny hues to bridge the gap between light and shadow. By the 1970s, this specific 'harvest' tone saw a massive resurgence as a nostalgic staple of interior decor.

Meaning & Psychology

Psychologically, Brown Yellow offers a profound sense of security and physical comfort. It lacks the aggression of pure red or the flightiness of bright yellow, making it feel wholesome and approachable to the human eye, often lowering heart rate through its association with the hearth.

In many cultures, these tawny tones represent honesty and a direct connection to the soil. It is perceived as an authentic color that rejects the artificiality of modern synthetic shades, though it can occasionally be viewed as conservative or old-fashioned if used in isolation without contrasting accents.

In Nature

This hue is ubiquitous in the natural world, seen prominently in the protective fur of lions and the weathered surfaces of sandstone canyons. It is the color of barley stalks swaying in the wind and the complex, honeyed layers of topaz gemstones found within the Earth's crust.

How To Use Brown Yellow

For designers, this shade is a sophisticated choice for background elements where stark white feels too clinical or cold. It provides a tactile quality to digital interfaces, especially when used in textures meant to mimic high-end materials like leather or handmade paper.

To ensure professional results, pair it with deep navy or muted teal to achieve a classic visual balance. When used in accessibility-focused design, it serves as a high-contrast background for black text, ensuring readability while reducing the eye strain typically associated with high-vibrancy palettes.

Related Words

ochrepermanentsiennafoundationalnostalgicsecuritywholesomehonestyauthenticconservativelionssandstonebarleytopazsophisticatedtactileclassicreadability

Curated Palettes

#cc9966
#8c5d3f
#e6b800
#3d5a45
#f5f5dc

Desert Oasis

A grounded, earthy selection inspired by southwestern landscapes.

#cc9966
#264653
#2a9d8f
#e9c46a
#f4a261

Mid-Century Nostalgia

A retro-inspired palette that balances 1970s warmth with modern cool tones.

#cc9966
#3c2f2f
#6b4423
#be9b7b
#fff5e1

Artisan Coffee

A rich, monochromatic leaning palette focused on comfort and texture.

Color Conversions

Hex
#CC9966
RGB
204, 153, 102
RGB %
80%, 60%, 40%
HSL
30°, 50%, 60%
HSV
30°, 50%, 80%
CMYK
0%, 25%, 50%, 20%
LAB
66.96, 12.98, 34.11
XYZ
38.69, 36.58, 17.59

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #cc9966;
Text Color (RGB)
Aa
color: rgb(204, 153, 102);
Background Color
background-color: #cc9966;
Border
border: 3px solid #cc9966;
Box Shadow
box-shadow: 0 4px 12px #cc996666;
Gradient
background: linear-gradient(135deg, #cc9966 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Brown Yellow

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Brown Yellow

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Brown Yellow?

Explore color palettes containing Brown Yellow and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Polychromos

burnt ochre

#187#D89763

Buy

Polychromos

brown ochre

#182#C4925D

Buy

Caran d'ache Luminance 6901

Brown Ochre 50%

#836#C99162

Buy

Prismacolor

Nectar

#PC1092#E2947B

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Brown Yellow?
The hex code for Brown Yellow is #cc9966. The RGB values are (204, 153, 102). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Brown Yellow?
Brown Yellow pairs well with its complementary color, Danube (#6699cc). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Brown Yellow accessible for text?
No, Brown Yellow is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Brown Yellow in CSS?

You can use Brown Yellow in CSS with its hex code. Here is an example class:

.brown-yellow {
  background-color: #cc9966;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.