Sandy Brown
HEX: #F4A460 | Modern Palette
Color Specifications
#F4A460
244, 164, 96
27°, 87% ,66%
0, 33, 61, 4
About Sandy Brown
Sandy Brown (#F4A460) is a color with RGB(244, 164, 96) and HSL(27.6°, 87.1%, 66.7%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #60B0F4, which creates strong contrast. Its triadic palette includes #60F4A4 and #A460F4. The name comes from sandy brown (English).
- HEX: #F4A460
- RGB: 244, 164, 96
- HSL: 27.6°, 87.1%, 66.7%
- Mood: Energetic, Bold
- Style: Vivid, Neon
- Use case: Text, Button, Accent
- Complementary color: #60B0F4
- Triadic colors: #60F4A4, #A460F4
- The name comes from sandy brown (English).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #F4A460 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The descriptive compound 'sandy brown' emerged from the need to precisely categorize natural earth tones, particularly those found in sand and soil. Its adoption reflects a broader trend in the late 19th and early 20th centuries to create more nuanced color vocabularies beyond basic color terms. The color gained wider recognition and standardization through its inclusion in various color charts and systems, solidifying its place as a distinct hue. Its association with natural landscapes has remained consistent throughout its usage.
First Recorded Use
The term 'sandy brown' appears in color literature and descriptions from the late 19th century, often used to describe natural tones in textiles, paints, and geological observations. Its use became more standardized with the advent of color systems.
Cultural Associations
Sandy brown is often associated with natural environments, evoking images of beaches, deserts, and unpaved earth, contributing to its perception as a warm, neutral, and grounding color. It frequently appears in interior design and fashion for its versatility and ability to complement a wide range of other colors. The color's naturalistic connotations make it a popular choice for conveying a sense of organic simplicity and understated elegance.
Code Snippets
/* Background */
.element {
background-color: #F4A460;
}
/* Text */
.element {
color: #F4A460;
}
/* Border */
.element {
border: 1px solid #F4A460;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#F4A460,
#60B0F4
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#F4A460,
#60B0F4
);
}// SCSS variable
$sandy-brown: #F4A460;
// With RGB channels (useful for rgba() usage)
$sandy-brown-r: 244;
$sandy-brown-g: 164;
$sandy-brown-b: 96;
// Usage
.element {
background-color: $sandy-brown;
color: rgba($sandy-brown-r, $sandy-brown-g, $sandy-brown-b, 0.8);
}