Tailwind CSS Colors

Pink 950

#500724

Tailwind classes

Backgroundbg-pink-950
Texttext-pink-950
Borderborder-pink-950
Ringring-pink-950

CSS Values

HEX#500724
RGBrgb(80, 7, 36)
HSLhsl(336, 84%, 17%)
HSL (modern)hsl(336deg 84% 17%)
OKLCHoklch(28.4% 0.1048 4deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 15.03:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.4:1AA: FailAAA: FailAA Large: Fail

Other Pink shades

Nearest Named Colors

See all
RAL Classic
4007
Bootstrap 5
pink-800
Ant Design
red-10
Radix Colors
ruby-12
Material Design
brown-900
Munsell
10RP-3-6
Crayola
black
Open Color
gray-9
CSS Named
maroon
iOS HIG
accessible-indigo