Radix Colors

Mauve 12

#211F26

CSS Values

CSS Variablevar(--mauve-12)
HEX#211F26
RGBrgb(33, 31, 38)
HSLhsl(257, 10%, 14%)
HSL (modern)hsl(257deg 10% 14%)
OKLCHoklch(24.5% 0.0134 298deg)

Dark mode equivalent

Mauve Dark 12
#EEEEF0

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 16.3:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 1.29:1AA: FailAAA: FailAA Large: Fail

Other Mauve steps

Nearest Named Colors

See all
Material Design
grey-900
RAL Classic
8022
Ant Design
gray-11
Crayola
black
Open Color
gray-9
Bootstrap 5
gray-900
Tailwind CSS
neutral-800
Munsell
N-1
CSS Named
midnightblue
iOS HIG
accessible-indigo