What is color #ffbf00?
The color Amber (#ffbf00) belongs to the yellow family and reads as buttery. It sits at 45° on the color wheel with 100% saturation.
Designers in education and hospitality often reach for this mid yellow when they want to communicate clarity.
#ffbf00 sits within a hue band where many cultures associate meaning. To deploy it effectively, anchor it with a deeper version of the same hue for sophistication or contrast it sharply with #0040ff.
Conversions for #ffbf00
HEX
#ffbf00
RGB
255, 191, 0
HSL
45°, 100%, 50%
HSV
45°, 100%, 100%
CMYK
0%, 25%, 100%, 0%
XYZ
59.87, 58.52, 8.14
CIE-Lab
81.03, 10.39, 83.04
Web safe
#ffcc00
WCAG accessibility of #ffbf00 (Amber)
On white
1.65 : 1
Sample #ffbf00
Rating: Fail
On black
12.70 : 1
Sample #ffbf00
Rating: AAA
Tones of Amber (desaturated variations of #ffbf00)
Color harmonies for #ffbf00
Colors similar to #ffbf00
Gradients featuring #ffbf00
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ffbf00
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ffbf00
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ffbf00.
const color = "#ffbf00";
CSS & Tailwind snippets for #ffbf00
Background
.bg-ffbf00 { background-color: #ffbf00; }Text color
.text-ffbf00 { color: #ffbf00; }Border
.border-ffbf00 { border: 1px solid #ffbf00; }Box shadow
.shadow-ffbf00 { box-shadow: 0 4px 14px #ffbf0040; }CSS variable
:root { --color-ffbf00: #ffbf00; }Tailwind config
colors: {
'amber': '#ffbf00',
}