Radix Colors

Violet 2

#FAF8FF

CSS Values

CSS Variablevar(--violet-2)
HEX#FAF8FF
RGBrgb(250, 248, 255)
HSLhsl(257, 100%, 99%)
HSL (modern)hsl(257deg 100% 99%)
OKLCHoklch(98.3% 0.0095 299deg)

Dark mode equivalent

Violet Dark 2
#1B1525

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.05:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.94:1AA: PassAAA: PassAA Large: Pass

Other Violet steps

Nearest Named Colors

See all
CSS Named
ghostwhite
Tailwind CSS
purple-50
Open Color
gray-0
Bootstrap 5
gray-100
Material Design
grey-50
Ant Design
gray-2
RAL Classic
9010
iOS HIG
system-background
Crayola
white
Munsell
N-9