Everything about
the color Amber

The meaning of the color Amber and color combinations to inspire your next design.

Start designing
Edit Amber
Change Color
Select new color

What color is amber?

Amber is a bright, warm color that is midway between yellow and orange. On the hex chart used by web designers and developers, the amber color code is #FFBF00.

What does the color amber look like?

Because it is located halfway between yellow and orange on the color wheel, amber looks a darker shade of yellow. Its warm undertones often make it look golden but the hue can also sometimes appear to have a brownish tint.

As for how to make the color amber? You’ll need to mix a small amount of red paint into a yellow base. Play around with the ratios until you reach your desired shade.

amber

The history of amber

The word “amber” was first used as a color name in 1500.

It takes its name from the tree resin known as amber, which has been valued for its appearance since the Stone Age and is still commonly used in jewelry. But while amber as a color is a mix of yellow and orange, amber the resin can come in a variety of shades and is often flecked with brown.

Alongside red and green, amber is one the three colors seen on traffic lights, where it denotes that a driver should ‘wait’. While traffic lights are often thought to be yellow, technical guidelines in both North America and Europe actually define it as amber.

Amber is also an eye color, though it is far less common in humans than brown or blue eyes.

What does the color amber mean?

As it is a warm and radiant color, amber is associated with energy. Its vibrance can promote feelings of happiness and inspire boldness. In color psychology, amber is thought to symbolize and promote vitality, confidence and safety.

Throughout history, the tree resin amber has been associated with magic and spirituality – themes which may be linked with the color amber, too. In ancient Greek and Roman times, women wore amber figurines to ensure fertility, while other early cultures believed the souls of animals became amber after their death. Because tree resin often contains the preserved remains of bugs, amber can also be associated with the natural world.

Other associations might come from amber’s similarity to other shades. Because it is close in appearance to yellow, the hue can also be linked to sunshine. Its similarity to the color of gold means it might also be associated with wealth.

How to use amber

Amber is perfect for adding vibrant accents to designs. Combine its warm tone with deep browns and reds for a vivid, earthy palette, or pair it with deep shades of green for a natural, autumn-inspired look. You could also use it alongside shades of orange.

Its associations with energy mean amber is a great choice for when you want to enliven or invigorate. But because amber is so close to yellow, care should be taken when using it on large spaces, where it might create too much intensity. It’s better used in small doses.

What colors go with amber?

Amber is a bright, eye-catching color. It looks great alongside deep browns, reds, greens and oranges. It even pairs nicely with blue, which is its complementary color on the color wheel. The colors that pair well with royal blue include:

Similar colors to amber

Looking for a different hue? The following colors are related to amber.

Information about Amber / #FFBF00

In a RGB color space (made from three colored lights for red, green, and blue), hex #FFBF00 is made of 100% red, 74.9% green and 0% blue. In a CMYK color space (also known as process color, or four color, and used in color printing), hex #FFBF00 is made of 0% cyan, 25% magenta, 100% yellow and 0% black. Amber has a hue angle of 44.9 degrees, a saturation of 100% and a lightness of 50%.

Color conversion

The hexadecimal color #FFBF00 has RGB values of R: 100, G: 74.9, B: 0 and CMYK values of C: 0, M: 0.25, Y: 1, K:0.

ValueCSS
Hex

ffbf00

#ffbf00

RGB Decimal

255, 191, 0

rgb(255, 191, 0)

RGB Percentage

100, 74.9, 0

rgb(100%, 74.9%, 0%)

CMYK

0, 25, 100, 0

HSL

44.9°, 100, 50

hsl(44.9°, 100%, 50%)

HSV (or HSB)

44.9°, 100, 100

Web Safe

ffcc00

#ffcc00

CIE-LAB

81.031, 10.385, 83.03

XYZ

59.875, 58.526, 8.143

xyY

0.473, 0.462, 58.526

CIE-LCH

81.031, 83.677, 82.871

CIE-LUV

81.031, 53.796, 83.317

Hunter-Lab

76.503, 10.068, 44.733

Binary

11111111, 10111111, 00000000

Create a stunning graphic in this color

With 420,000+ templates, Canva is the easiest way to create beautiful designs.

Search 1,000,000 images...SEARCHTEXTLAYOUTSBKGROUNDUPLOADSShareDownloadPrivate

Learn more about colors