Radix Colors

Plum 5

#F2D1F3

CSS Values

CSS Variablevar(--plum-5)
HEX#F2D1F3
RGBrgb(242, 209, 243)
HSLhsl(298, 59%, 89%)
HSL (modern)hsl(298deg 59% 89%)
OKLCHoklch(89.9% 0.0579 325deg)

Dark mode equivalent

Plum Dark 5
#512454

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.38:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 15.19:1AA: PassAAA: PassAA Large: Pass

Other Plum steps

Nearest Named Colors

See all
Tailwind CSS
fuchsia-200
Open Color
grape-1
Ant Design
purple-2
Bootstrap 5
pink-100
Material Design
red-100
CSS Named
lavender
Crayola
cotton-candy
iOS HIG
quaternary-label
RAL Classic
7035
Munsell
N-9