tailwind / red

900

#7F1D1D

bg-red-900

Color Codes

HEX#7F1D1D

RGBrgb(127, 29, 29)

HSLhsl(0, 63%, 31%)

OKLCHoklch(39.6% 0.1331 25.7)

R127

G29

B29

Hue0°

Saturation63%

Lightness31%

OKL39.6%

Chroma0.1331

Tailwind Classes

Backgroundbg-red-900

Texttext-red-900

Borderborder-red-900

Ringring-red-900

Outlineoutline-red-900

Shadowshadow-red-900

Caretcaret-red-900

Accentaccent-red-900

Fillfill-red-900

Strokestroke-red-900

From (gradient)from-red-900

To (gradient)to-red-900

UI Previews

Solid Button

Outlined Button

Ghost Button

Badge / Tag

New FeatureBeta

Text on White

The quick brown fox

jumps over the lazy dog — 0123456789

Text on Dark

The quick brown fox

jumps over the lazy dog — 0123456789

Card Header

Dashboard Overview

Monthly active users increased by 24% this quarter.

Alert / Banner

●Your changes have been saved successfully.

Progress Bar

68%

Input / Focus Ring

Gradient (to white)

Gradient (to black)

Similar ColorsOther shades of Red

Complementary ColorsColors opposite on the hue wheel

Full Red Palette

50#fef2f2 100#fee2e2 200#fecaca 300#fca5a5 400#f87171 500#ef4444 600#dc2626 700#b91c1c 800#991b1b 900#7f1d1d 950#450a0a