yellowwarm
Amber #FFBF00
A warm golden orange-yellow, between gold and orange.
Use cases: Warnings · Warm accents
Color values
| Format | Value | |
|---|---|---|
| HEX | #FFBF00 | |
| RGB | rgb(255, 191, 0) | |
| HSL | hsl(45, 100%, 50%) | |
| HSV | hsv(45, 100%, 100%) | |
| CMYK | cmyk(0%, 25.1%, 100%, 0%) | |
| XYZ | xyz(59.8752, 58.5264, 8.1432) | |
| CIE-LAB | lab(81.0, 10.4, 83.0) | |
| Luminance | 0.585 (WCAG relative) |
/* Amber */
color: #ffbf00;
background-color: #ffbf00;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#e6ac00 #cc9900 #b38600 #997300 #806000 #664c00 #4d3900 #332600 #1a1300 #000000
Tints (toward white)
#ffc51a #ffcc33 #ffd24d #ffd966 #ffdf80 #ffe599 #ffecb3 #fff2cc #fff9e6 #ffffff
Tones (toward gray)
#f2b90d #e6b21a #d9ac26 #cca633 #c0a040 #b3994d #a6935a #998d66 #8d8673 #808080
Color harmonies
Complementary
Edit in generator →#FFBF00
#0040FF
#ffbf00 #0040ff
Analogous
Edit in generator →#FF3F00
#FFBF00
#C0FF00
#ff3f00 #ffbf00 #c0ff00
Triadic
Edit in generator →#FFBF00
#00FFBF
#BF00FF
#ffbf00 #00ffbf #bf00ff
Tetradic
Edit in generator →#FFBF00
#00FF3F
#0040FF
#FF00C0
#ffbf00 #00ff3f #0040ff #ff00c0
Split Complementary
Edit in generator →#FFBF00
#00C0FF
#3F00FF
#ffbf00 #00c0ff #3f00ff
Monochromatic
Edit in generator →#856300
#C29100
#FFBF00
#FFCE3D
#FFDE7A
#856300 #c29100 #ffbf00 #ffce3d #ffde7a
Accessibility & contrast
1.65
#FFBF00 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
12.70
#FFBF00 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on amber
12.70
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Mustard #DBB42C | 7.31 | |
| Gold #FFD700 | 8.11 | |
| Orange #FFA500 | 9.26 | |
| Banana #FFE135 | 10.92 | |
| Honey #EB9605 | 12.42 | |
| Lemon #FFF700 | 17.64 |
Related colors
Palettes with amber
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.