Bootstrap 5 Colors

Red 100

#F8D7DA

CSS Values

CSS Variable--bs-red-100

HEX#F8D7DA

RGBrgb(248, 215, 218)

HSLhsl(355, 70%, 91%)

HSL (modern)hsl(355deg 70% 91%)

OKLCHoklch(90.7% 0.037 12deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other red shades

Red 200 Red 300 Red 400 Red 500 Red 600 Red 700 Red 800 Red 900

Nearest Named Colors

Radix Colors

red-4#FFDBDC

Ant Design

magenta-2#FFD6E7

Tailwind CSS

rose-200#FECDD3

Material Design

red-100#FFCDD2

Open Color

pink-1#FFDEEB

CSS Named

mistyrose#FFE4E1

Munsell

N-9#E5E5E5

iOS HIG

system-gray5#E5E5EA

Crayola

timberwolf#DBD7D2

RAL Classic

7035#D7D7D7