Tailwind CSS Colors
Amber 400
#FBBF24Tailwind classes
Backgroundbg-amber-400
Texttext-amber-400
Borderborder-amber-400
Ringring-amber-400
CSS Values
HEX#FBBF24
RGBrgb(251, 191, 36)
HSLhsl(43, 96%, 56%)
HSL (modern)hsl(43deg 96% 56%)
OKLCHoklch(83.7% 0.1644 84deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.67:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 12.58:1AA: PassAAA: PassAA Large: Pass
Other Amber shades
Nearest Named Colors
See allMaterial Designyellow-700
Bootstrap 5yellow-500
Radix Colorsamber-10
Open Coloryellow-5
Ant Designgold-5
iOS HIGsystem-yellow
RAL Classic1003
Munsell10YR-8-6
Crayolayellow-orange
CSS Namedorange