Bootstrap 5 Colors

Pink 500

#D63384

CSS Values

CSS Variable--bs-pink-500
HEX#D63384
RGBrgb(214, 51, 132)
HSLhsl(330, 67%, 52%)
HSL (modern)hsl(330deg 67% 52%)
OKLCHoklch(59.6% 0.2086 355deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 4.5:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 4.67:1AA: PassAAA: FailAA Large: Pass

Other pink shades

Nearest Named Colors

See all
Tailwind CSS
pink-600
RAL Classic
4010
Radix Colors
crimson-10
Crayola
cerise
Open Color
pink-7
Ant Design
magenta-6
CSS Named
mediumvioletred
Material Design
pink-600
Munsell
5RP-5-12
iOS HIG
accessible-pink