Tailwind CSS Colors

Red 900

#7F1D1D

Tailwind classes

Backgroundbg-red-900

Texttext-red-900

Borderborder-red-900

Ringring-red-900

CSS Values

HEX#7F1D1D

RGBrgb(127, 29, 29)

HSLhsl(0, 63%, 31%)

HSL (modern)hsl(0deg 63% 31%)

OKLCHoklch(39.6% 0.1331 26deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other Red shades

50 100 200 300 400 500 600 700 800 950

Nearest Named Colors

RAL Classic

3011#781F19

Bootstrap 5

red-700#842029

Munsell

5R-3-6#7D2B2B

Ant Design

volcano-9#871400

CSS Named

maroon#800000

Radix Colors

red-12#641723

Material Design

pink-900#880E4F

Open Color

pink-9#A61E4D

Crayola

raw-umber#805533

iOS HIG

accessible-yellow#B25000