tailwind / red

100

#FEE2E2

bg-red-100

Color Codes

HEX#FEE2E2
RGBrgb(254, 226, 226)
HSLhsl(0, 93%, 94%)
OKLCHoklch(93.6% 0.0309 17.6)
R254
G226
B226
Hue0°
Saturation93%
Lightness94%
OKL93.6%
Chroma0.0309

Tailwind Classes

Backgroundbg-red-100
Texttext-red-100
Borderborder-red-100
Ringring-red-100
Outlineoutline-red-100
Shadowshadow-red-100
Caretcaret-red-100
Accentaccent-red-100
Fillfill-red-100
Strokestroke-red-100
From (gradient)from-red-100
To (gradient)to-red-100

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

red-50#fef2f2
red-200#fecaca
red-300#fca5a5
red-400#f87171
red-500#ef4444
red-600#dc2626

Complementary ColorsColors opposite on the hue wheel

teal-600#0d9488
teal-700#0f766e
teal-500#14b8a6
cyan-300#67e8f9
teal-400#2dd4bf
cyan-400#22d3ee
teal-300#5eead4
cyan-500#06b6d4

Full Red Palette

50#fef2f2100#fee2e2200#fecaca300#fca5a5400#f87171500#ef4444600#dc2626700#b91c1c800#991b1b900#7f1d1d950#450a0a