Radix Colors

Iris 10

#5151CD

CSS Values

CSS Variablevar(--iris-10)
HEX#5151CD
RGBrgb(81, 81, 205)
HSLhsl(240, 55%, 56%)
HSL (modern)hsl(240deg 55% 56%)
OKLCHoklch(50.9% 0.1869 277deg)

Dark mode equivalent

Iris Dark 10
#6E6ADE

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 6.16:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.41:1AA: FailAAA: FailAA Large: Pass

Other Iris steps

Nearest Named Colors

See all
iOS HIG
system-indigo
Open Color
indigo-9
Tailwind CSS
indigo-600
Material Design
indigo-500
CSS Named
slateblue
Munsell
5PB-5-10
Bootstrap 5
purple-500
Ant Design
geekblue-6
Crayola
purple-heart
RAL Classic
5015