Tailwind CSS Colors

Amber 700

#B45309

Tailwind classes

Backgroundbg-amber-700

Texttext-amber-700

Borderborder-amber-700

Ringring-amber-700

CSS Values

HEX#B45309

RGBrgb(180, 83, 9)

HSLhsl(26, 90%, 37%)

HSL (modern)hsl(26deg 90% 37%)

OKLCHoklch(55.5% 0.1455 49deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 5.02:1AA: PassAAA: FailAA Large: Pass

AaText on black

Ratio: 4.18:1AA: FailAAA: FailAA Large: Pass

Other Amber shades

50 100 200 300 400 500 600 800 900 950

Nearest Named Colors

iOS HIG

accessible-yellow#B25000

Ant Design

orange-8#AD4E00

RAL Classic

8023#A65E2E

Radix Colors

amber-11#AB6400

CSS Named

sienna#A0522D

Munsell

5YR-4-6#9A5C20

Material Design

deep-orange-900#BF360C

Bootstrap 5

orange-700#984C0C

Crayola

brown#B4674D

Open Color

orange-9#D9480F