#FFBF00
Amber
Amber is a warm golden-orange inspired by fossilized tree resin. It represents energy, vitality, and has been valued since antiquity.
Amber Color Values
HEX#FFBF00
RGB255, 191, 0
HSL45°, 100%, 50%
HSV45°, 100%, 100%
CMYK0%, 25%, 100%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #DAC000 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #E9D01C (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFABA3 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #CCCCCC (~0.003% of population)
Amber as Text Color
Amber on White
1.7:1FAIL
Amber on Light Gray
1.5:1FAIL
Amber on Cream
1.6:1FAIL
Amber on Dark
10.3:1AAA
Amber on Black
12.7:1AAA
Amber on Soft Blue
1.4:1FAIL
Amber on Soft Green
1.5:1FAIL
Amber on Soft Pink
1.4:1FAIL
Nearest Tailwind Class
yellow-400
#FACC15
Nearest Pantone Match
Pantone 7548 C
#FFC600
CSS Variable Export
:root {
--color-amber: #FFBF00;
--color-amber-rgb: 255, 191, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'amber': '#FFBF00',
}Shades of Amber
#FFBF00
#E0A800
#C79500
#A87E00
#8F6B00
#705400
#574100
#382A00
#1F1700
#000000
Tints of Amber
#FFBF00
#FFC71F
#FFCD38
#FFD557
#FFDB70
#FFE38F
#FFE9A8
#FFF1C7
#FFF7E0
#FFFFFF
Color Harmonies
Complementary
#FFBF00
#0040FF
Analogous
#FF4000
#FFBF00
#BFFF00
Triadic
#FFBF00
#00FFBF
#BF00FF
Amber Text Preview
Heading in Amber
Body text in Amber. The quick brown fox jumps over the lazy dog.
White on Amber
Body text on a Amber background.
Amber text on dark background
Contrast: 10.7:1