Indigo Core Vivid — #203ED5 Hex Color Code

RGB

rgb(32, 62, 213)

HSL

hsl(230, 74%, 48%)

Metrics

S 74% · L 48%

Contrast (WCAG)

on white

7.7:1AA

on black

2.7:1Fail

Recent trail

About this color

Indigo Core Vivid (#203ED5) belongs to the blue family — hue 230°, 74% saturation, 48% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.

CSS

:root {
  --colorarchive-indigo-core-vivid: #203ED5; /* hsl(230, 74%, 48%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Indigo Radiant Vivid

#3350E1 · hsl(230, 74%, 54%)

Darker companion

Indigo Velvet Vivid

#1C36BA · hsl(230, 74%, 42%)

Complementary counterpoint

Amber Core Vivid

#D5B720 · hsl(50, 74%, 48%)

Analogous lead

Violet Core Vivid

#3E20D5 · hsl(250, 74%, 48%)

Analogous echo

Sapphire Core Vivid

#207AD5 · hsl(210, 74%, 48%)

Export preview

Base: Indigo Core Vivid #203ED5
Lighter companion: Indigo Radiant Vivid #3350E1
Darker companion: Indigo Velvet Vivid #1C36BA
Complementary counterpoint: Amber Core Vivid #D5B720
Analogous lead: Violet Core Vivid #3E20D5
Analogous echo: Sapphire Core Vivid #207AD5