tailwind / orange

700

#C2410C

bg-orange-700

Color Codes

HEX#C2410C

RGBrgb(194, 65, 12)

HSLhsl(17, 88%, 40%)

OKLCHoklch(55.3% 0.1738 38.4)

R194

G65

B12

Hue17°

Saturation88%

Lightness40%

OKL55.3%

Chroma0.1738

Tailwind Classes

Backgroundbg-orange-700

Texttext-orange-700

Borderborder-orange-700

Ringring-orange-700

Outlineoutline-orange-700

Shadowshadow-orange-700

Caretcaret-orange-700

Accentaccent-orange-700

Fillfill-orange-700

Strokestroke-orange-700

From (gradient)from-orange-700

To (gradient)to-orange-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 Orange

Complementary ColorsColors opposite on the hue wheel

Full Orange Palette

50#fff7ed 100#ffedd5 200#fed7aa 300#fdba74 400#fb923c 500#f97316 600#ea580c 700#c2410c 800#9a3412 900#7c2d12 950#431407