Material Design Colors

Pink A700

#C51162

CSS Values

HEX#C51162
RGBrgb(197, 17, 98)
HSLhsl(333, 84%, 42%)
HSL (modern)hsl(333deg 84% 42%)
OKLCHoklch(53.6% 0.2089 3deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 5.78:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.63:1AA: FailAAA: FailAA Large: Pass

Other Pink shades

Accent shades

Nearest Named Colors

See all
Tailwind CSS
pink-700
Radix Colors
crimson-11
Open Color
pink-8
Munsell
5RP-5-12
Crayola
jazzberry-jam
Ant Design
magenta-7
RAL Classic
4010
Bootstrap 5
pink-600
iOS HIG
accessible-pink
CSS Named
mediumvioletred