Tailwind CSS Colors

Amber 500

#F59E0B

Tailwind classes

Backgroundbg-amber-500

Texttext-amber-500

Borderborder-amber-500

Ringring-amber-500

CSS Values

HEX#F59E0B

RGBrgb(245, 158, 11)

HSLhsl(38, 92%, 50%)

HSL (modern)hsl(38deg 92% 50%)

OKLCHoklch(76.9% 0.1647 70deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 2.15:1AA: FailAAA: FailAA Large: Fail

AaText on black

Ratio: 9.78:1AA: PassAAA: PassAA Large: Pass

Other Amber shades

50 100 200 300 400 600 700 800 900 950

Nearest Named Colors

Open Color

yellow-7#F59F00

RAL Classic

1037#F39F18

Material Design

amber-700#FFA000

iOS HIG

system-orange#FF9500

CSS Named

orange#FFA500

Radix Colors

amber-8#E2A336

Crayola

neon-carrot#FFA343

Ant Design

orange-5#FFA940

Bootstrap 5

orange-400#FD9843

Munsell

5YR-7-8#E8A850