Chakra UI Colors

Purple 300

#B794F4

CSS Values

Package reftheme.colors.purple[300]
HEX#B794F4
RGBrgb(183, 148, 244)
HSLhsl(262, 81%, 77%)
HSL (modern)hsl(262deg 81% 77%)
OKLCHoklch(73.6% 0.1394 300deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.45:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.56:1AA: PassAAA: PassAA Large: Pass

Other Purple shades