tailwind / red

700

#B91C1C

bg-red-700

Color Codes

HEX#B91C1C

RGBrgb(185, 28, 28)

HSLhsl(0, 74%, 42%)

OKLCHoklch(50.5% 0.1905 27.5)

R185

G28

B28

Hue0°

Saturation74%

Lightness42%

OKL50.5%

Chroma0.1905

Tailwind Classes

Backgroundbg-red-700

Texttext-red-700

Borderborder-red-700

Ringring-red-700

Outlineoutline-red-700

Shadowshadow-red-700

Caretcaret-red-700

Accentaccent-red-700

Fillfill-red-700

Strokestroke-red-700

From (gradient)from-red-700

To (gradient)to-red-700

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