What colors go well with amber?

Amber pairs with its complementary colour #0040FF and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Amber Color — Hex Code #FFBF00, RGB, Palettes & CSS

Q: What is the hex code for amber?

Amber is commonly #FFBF00, which is rgb(255, 191, 0). Like most descriptive colour names it covers a small range, but this is a widely used value.

Amber colour codes

Hex

#FFBF00

RGB

rgb(255, 191, 0)

HSL

hsl(45, 100%, 50%)

HSV

hsv(45, 100%, 100%)

OKLCH

oklch(0.84 0.17 84)

CMYK

cmyk(0%, 25%, 100%, 0%)

Complementary palette

Amber with its opposite on the colour wheel.

#FFBF00

rgb(255, 191, 0)

#0040FF

rgb(0, 64, 255)

Triad palette

Amber with two evenly-spaced partners.

#FFBF00

rgb(255, 191, 0)

#00FFBF

rgb(0, 255, 191)

#BF00FF

rgb(191, 0, 255)

Monochromatic palette

Lighter and darker versions of amber at the same hue.

#80630D

rgb(128, 99, 13)

#B38A12

rgb(179, 138, 18)

#E6B217

rgb(230, 178, 23)

#FFC519

rgb(255, 197, 25)

Lighter tints

Amber toward white.

#FFBF00

rgb(255, 191, 0)

#FFC824

rgb(255, 200, 36)

#FFD149

rgb(255, 209, 73)

#FFDA6D

rgb(255, 218, 109)

#FFE492

rgb(255, 228, 146)

#FFEDB6

rgb(255, 237, 182)

#FFF6DB

rgb(255, 246, 219)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Amber toward black.

#FFBF00

rgb(255, 191, 0)

#DBA400

rgb(219, 164, 0)

#B68800

rgb(182, 136, 0)

#926D00

rgb(146, 109, 0)

#6D5200

rgb(109, 82, 0)

#493700

rgb(73, 55, 0)

#241B00

rgb(36, 27, 0)

#000000

rgb(0, 0, 0)

About amber

A warm golden-orange named after fossilised resin. Glowing and inviting, it signals warmth and caution alike. The value shown here (#FFBF00) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with amber

The complementary colour (#0040FF) sits opposite amber on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using amber in your design

For CSS, paste #FFBF00 or the oklch(0.84 0.17 84) value, or download the ready-made amber.css file above — it includes a full 50–950 token scale. Always check contrast before using amber behind text.

What is the hex code for amber?

Amber is commonly #FFBF00 (rgb(255, 191, 0)). It covers a small range, but this is a widely used value.

What colours go well with amber?

Its complementary colour #0040FF and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Amber colour

Amber colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About amber

Palettes that work with amber

Using amber in your design

Popular colours

Color tools