Radix Colors
Purple 4
#F2E2FCCSS Values
CSS Variablevar(--purple-4)
HEX#F2E2FC
RGBrgb(242, 226, 252)
HSLhsl(277, 81%, 94%)
HSL (modern)hsl(277deg 81% 94%)
OKLCHoklch(93.3% 0.0386 313deg)
Dark mode equivalent
Purple Dark 4
#3D224E
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.23:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.06:1AA: PassAAA: PassAA Large: Pass
Other Purple steps
Nearest Named Colors
See allMaterial Designpurple-50
Tailwind CSSpurple-100
CSS Namedlavender
Ant Designpurple-2
Open Colorgrape-1
Bootstrap 5purple-100
iOS HIGsystem-fill
MunsellN-9
Crayolawhite
RAL Classic9003