Material Design Colors

Pink A400

#F50057

CSS Values

HEX#F50057

RGBrgb(245, 0, 87)

HSLhsl(339, 100%, 48%)

HSL (modern)hsl(339deg 100% 48%)

OKLCHoklch(61.7% 0.2468 14deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 4.18:1AA: FailAAA: FailAA Large: Pass

AaText on black

Ratio: 5.02:1AA: PassAAA: FailAA Large: Pass

Other Pink shades

50 100 200 300 400 500 600 700 800 900

Accent shades

Nearest Named Colors

Crayola

red#EE204D

iOS HIG

system-pink#FF2D55

Tailwind CSS

rose-600#E11D48

RAL Classic

3017#E63244

Munsell

5R-5-14#E81B35

Radix Colors

ruby-10#DC3B5D

Ant Design

red-6#F5222D

CSS Named

crimson#DC143C

Bootstrap 5

red-500#DC3545

Open Color

red-7#F03E3E