Amber color: code #FFBF00
Amber
#FFBF00
Color codes
- HEX
#FFBF00 - RGB
rgb(255, 191, 0) - HSL
hsl(45, 100%, 50%) - HSV
hsv(45, 100%, 100%) - CMYK
cmyk(0%, 25%, 100%, 0%) - LAB
lab(81% 10.4 83) - OKLCH
oklch(84% 0.172 84.1)
About the color Amber
Amber has the HEX code #FFBF00, which corresponds to rgb(255, 191, 0) in the RGB model. On the color wheel its hue sits at 45°, with 100% saturation and 50% lightness (hsl(45, 100%, 50%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 12.70:1 contrast ratio on it, versus 1.65:1 for white.
For print, the approximate conversion is cmyk(0%, 25%, 100%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Amber
Complementary
#FFBF00 · #0040FF
Analogous
#FF4000 · #FFBF00 · #BFFF00
Triadic
#FFBF00 · #00FFBF · #BF00FF
Tetradic
#FFBF00 · #00FF40 · #0040FF · #FF00BF
Split-complementary
#FFBF00 · #00BFFF · #4000FF
Monochromatic
#806000 · #CC9900 · #FFBF00 · #FFD24D · #FFE699
Amber with white and black text
How to use it in CSS
:root {
--color-amber: #FFBF00;
--color-amber-rgb: 255, 191, 0;
}
.elemento {
background-color: var(--color-amber);
color: #000000;
}