Material Design Colors

Indigo 500

#3F51B5

CSS Values

HEX#3F51B5

RGBrgb(63, 81, 181)

HSLhsl(231, 48%, 48%)

HSL (modern)hsl(231deg 48% 48%)

OKLCHoklch(47.8% 0.1589 271deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 6.87:1AA: PassAAA: FailAA Large: Pass

AaText on black

Ratio: 3.06:1AA: FailAAA: FailAA Large: Pass

Other Indigo shades

50 100 200 300 400 600 700 800 900

Accent shades

A100 A200 A400 A700

Nearest Named Colors

Munsell

5PB-5-10#4058B0

Open Color

indigo-9#364FC7

Radix Colors

indigo-11#3A5BC7

Bootstrap 5

blue-600#0A58CA

Tailwind CSS

blue-800#1E40AF

iOS HIG

system-indigo#5856D6

Ant Design

blue-7#0958D9

Crayola

denim#2B6CC4

CSS Named

slateblue#6A5ACD

RAL Classic

5015#2271B3