Tailwind CSS Colors

Orange 900

#7C2D12

Tailwind classes

Backgroundbg-orange-900

Texttext-orange-900

Borderborder-orange-900

Ringring-orange-900

CSS Values

HEX#7C2D12

RGBrgb(124, 45, 18)

HSLhsl(15, 75%, 28%)

HSL (modern)hsl(15deg 75% 28%)

OKLCHoklch(40.8% 0.1165 38deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other Orange shades

50 100 200 300 400 500 600 700 800 950

Nearest Named Colors

Munsell

5R-3-6#7D2B2B

RAL Classic

3011#781F19

Ant Design

volcano-9#871400

Bootstrap 5

red-700#842029

CSS Named

darkred#8B0000

Material Design

brown-700#5D4037

Radix Colors

tomato-12#5C271F

Crayola

raw-umber#805533

Open Color

pink-9#A61E4D

iOS HIG

accessible-brown#7F6545