What color is Amber?
Amber is a warm, golden-yellow color with a slight orange tint, hex #FFBF00, close to the color of raw honey. It is richer and darker than lemon yellow, with a depth that comes from its orange undertone.
What is the meaning of the color Amber?
Ancient trade routes carried fossilized tree resin — called amber — from the Baltic coast to Mediterranean markets as early as 3000 BCE, and the color takes its name from that material. The warm golden tone became associated with rarity and preservation, since insects and plant matter were often found sealed within the resin. In traffic signals, amber was standardized as the cautionary middle light by the International Commission on Illumination in the early 20th century, giving the color a durable global role. The British Standards Institution formally defines amber in its color standards for road signage, anchoring the hue in public infrastructure worldwide.
What colors go with Amber?
Colors that pair well with Amber include:
Deep brown: grounded, earthy warmth
Forest green: rich natural contrast
Navy blue: cool, bold balance
Cream: soft, warm harmony
Burgundy: deep, dramatic depth
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFBF00 |
color: #FFBF00;
|
| RGB | 255, 191, 0 |
color: rgb(255, 191, 0);
|
| RGB Percentage | 100%, 75%, 0% |
color: rgb(100%, 75%, 0%);
|
| CMYK | 0%, 25%, 100%, 0% | Not supported in CSS |
| HSL | 45°, 100%, 50% |
color: hsl(45, 100%, 50%);
|
| HSV | 45°, 100%, 100% | Not supported in CSS |
| CIE-LAB | 40, 13, 64 |
color: lab(40% 13 64);
|
| Decimal | 16760576 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.amber {
color: #FFBF00;
}
$amber: #FFBF00;
rgb(255, 191, 0)