Bootstrap 5 Colors

Pink 100

#F7D6E6

CSS Values

CSS Variable--bs-pink-100

HEX#F7D6E6

RGBrgb(247, 214, 230)

HSLhsl(331, 67%, 90%)

HSL (modern)hsl(331deg 67% 90%)

OKLCHoklch(90.8% 0.0421 347deg)

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 pink shades

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

Nearest Named Colors

Ant Design

magenta-2#FFD6E7

Radix Colors

pink-4#FBDCEF

Tailwind CSS

pink-200#FBCFE8

Open Color

pink-1#FFDEEB

Material Design

red-100#FFCDD2

CSS Named

mistyrose#FFE4E1

iOS HIG

system-gray5#E5E5EA

Munsell

N-9#E5E5E5

Crayola

timberwolf#DBD7D2

RAL Classic

7035#D7D7D7