Accessibility
Contrast at a glance.
Aa
10.83:1against white
Aa
1.72:1against near-black
Named color · Violet
Jewel Heliotrope
#342B97 · Chromble descriptive color
Explore Jewel Heliotrope across common color formats, accessibility contrast, tonal variations, harmonies, and the closest colors in the Chromble library.
Color values
Jewel Heliotrope in every format.
Test a custom pairing
Harmony
Colors that work with it.
Complementary
Analogous
Tints & shades
Move lighter or darker.
Nearby colors
Closest matches in the library.
Palette inspiration
Palettes around violet.
Continue creating
Take Jewel Heliotrope somewhere useful.
Keep #342B97 with you as you move into another Chromble tool. The color is already loaded when the next page opens.
Design
Start designing with it
Use Jewel Heliotrope as the primary color in a new Brand Studio project.
Continue in Brand Studio
Explore
Build a harmony around it
Open a generated harmony in Palette Lab and shape it into a complete palette.
Open in Palette Lab
Check
Test its readability
Open this exact color in Contrast Checker against white and tune the pairing from there.
Check contrast