Glowing Sunlit Honey Resin
Category: Yellow
Amber (#FFBF00) — Color Codes, Meaning & UI Palettes
Amber is the golden-orange hue of fossilized tree resin. It radiates warm solar energy, creative inspiration, biological vitality, and watchful alertness.
Click to Copy HEX
Amber
#FFBF00
HEX
#FFBF00
RGB
rgb(255, 191, 0)
HSL
hsl(45deg, 100%, 50%)
CMYK (Print)
cmyk(0%, 25%, 100%, 0%)
Apple Display P3
color(display-p3 1.000 0.749 0.000)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.65:1 (Fail)
Black Text (#000000)
12.7:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FFFBF0
100
#FFF5D6
200
#FFEBAD
300
#FFDE7A
400
#FFCE3D
500
#FFBF00
600
#CC9900
700
#997300
800
#664C00
900
#382A00
950
#1F1700
Color Harmonies & Palette Schemes
Complementary
#0040FF
Opposite 180° Contrast
Analogous -30°
#FF4000
Natural Harmony
Analogous +30°
#BFFF00
Natural Harmony
Triadic +120°
#00FFBF
120° Balanced Triad
Triadic +240°
#BF00FF
120° Balanced Triad
Curated UI Design Pairings for Amber
The universal standard for UI warning badges, creative highlights, and notification pills. Achieves high attention retention on dark mode backgrounds.
Obsidian Slate
#0A0B0E
High-Contrast Dark Canvas
Deep Sapphire
#1E3A8A
Classic Complementary Pair
Pure White
#FFFFFF
Clear Focal Label
Warm Chestnut
#8B4513
Grounded Earth Shadow
Export Amber Code Snippets
CSS Variable
--color-amber-color: #FFBF00;
Tailwind Config
'amber-color': '#FFBF00'
Swift / SwiftUI
Color(hex: "#FFBF00")
JSON Design Token
{"name": "Amber", "hex": "#FFBF00"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.