Bootstrap 5 Colors

Orange 700

#984C0C

CSS Values

CSS Variable--bs-orange-700

HEX#984C0C

RGBrgb(152, 76, 12)

HSLhsl(27, 85%, 32%)

HSL (modern)hsl(27deg 85% 32%)

OKLCHoklch(50.2% 0.1223 53deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other orange shades

Orange 100 Orange 200 Orange 300 Orange 400 Orange 500 Orange 600 Orange 800 Orange 900

Nearest Named Colors

CSS Named

sienna#A0522D

Tailwind CSS

amber-800#92400E

Ant Design

gold-9#874D00

Munsell

5YR-4-6#9A5C20

RAL Classic

8001#955F20

Crayola

raw-umber#805533

iOS HIG

accessible-yellow#B25000

Radix Colors

brown-11#815E46

Material Design

brown-500#795548

Open Color

red-9#C92A2A