Tailwind CSS Colors

Amber 400

#FBBF24

Tailwind 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 all
Material Design
yellow-700
Bootstrap 5
yellow-500
Radix Colors
amber-10
Open Color
yellow-5
Ant Design
gold-5
iOS HIG
system-yellow
RAL Classic
1003
Munsell
10YR-8-6
Crayola
yellow-orange
CSS Named
orange