Tailwind CSS Colors

Fuchsia 900

#701A75

Tailwind classes

Backgroundbg-fuchsia-900
Texttext-fuchsia-900
Borderborder-fuchsia-900
Ringring-fuchsia-900

CSS Values

HEX#701A75
RGBrgb(112, 26, 117)
HSLhsl(297, 64%, 28%)
HSL (modern)hsl(297deg 64% 28%)
OKLCHoklch(40.1% 0.1601 326deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 10.03:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.09:1AA: FailAAA: FailAA Large: Fail

Other Fuchsia shades

Nearest Named Colors

See all
CSS Named
purple
Munsell
5P-4-8
Material Design
purple-800
Ant Design
magenta-9
Radix Colors
plum-12
Bootstrap 5
pink-700
Open Color
grape-9
RAL Classic
4005
Crayola
plum
iOS HIG
accessible-purple