Lighter companion
Indigo Velvet Clear
#3145A5 · hsl(230, 54%, 42%)
RGB
rgb(40, 55, 134)
HSL
hsl(230, 54%, 34%)
CMYK
cmyk(70%, 59%, 0%, 47%)
Metrics
S 54% · L 34%
Contrast (WCAG)
on white
10.6:1AA
on black
2:1Fail
About this color
Indigo Dusk Clear (#283786) belongs to the blue family — hue 230°, 54% saturation, 34% 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-dusk-clear: #283786; --colorarchive-indigo-dusk-clear-hsl: hsl(230, 54%, 34%); --colorarchive-indigo-dusk-clear-rgb: rgb(40, 55, 134); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Indigo Shadow Clear
#212E6E · hsl(230, 54%, 28%)
Complementary counterpoint
Amber Dusk Clear
#867628 · hsl(50, 54%, 34%)
Analogous lead
Violet Dusk Clear
#372886 · hsl(250, 54%, 34%)
Analogous echo
Steel Dusk Clear
#285F86 · hsl(205, 54%, 34%)
Triadic +120°
Merlot Dusk Clear
#862837 · hsl(350, 54%, 34%)
Triadic +240°
Leaf Dusk Clear
#378628 · hsl(110, 54%, 34%)
Split-comp +150°
Ember Dusk Clear
#864728 · hsl(20, 54%, 34%)
Split-comp +210°
Olive Dusk Clear
#668628 · hsl(80, 54%, 34%)
Export preview
Base: Indigo Dusk Clear #283786 Lighter companion: Indigo Velvet Clear #3145A5 Darker companion: Indigo Shadow Clear #212E6E Complementary counterpoint: Amber Dusk Clear #867628 Analogous lead: Violet Dusk Clear #372886 Analogous echo: Steel Dusk Clear #285F86 Triadic +120°: Merlot Dusk Clear #862837 Triadic +240°: Leaf Dusk Clear #378628 Split-comp +150°: Ember Dusk Clear #864728 Split-comp +210°: Olive Dusk Clear #668628
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Indigo Shadow Clear
#212E6E · hsl(230, 54%, 28%)
Nearby match
Indigo Velvet Clear
#3145A5 · hsl(230, 54%, 42%)
Nearby match
Indigo Dusk Soft
#394374 · hsl(230, 34%, 34%)
Nearby match
Indigo Dusk Vivid
#172C97 · hsl(230, 74%, 34%)
Nearby match
Indigo Nocturne Clear
#17214F · hsl(230, 54%, 20%)
Nearby match
Indigo Core Clear
#384EBC · hsl(230, 54%, 48%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#2E2D75
Protanopia
#2F2F79
Tritanopia
#296D6A
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.