About violet blue
Violet blue (#324AB2) is a cool, mid-tone, moderately saturated color. It belongs to the blues family. It mixes 50 red, 74 green and 178 blue (out of 255). It is mostly used in sports, tech, illustration.
A vivid blue with a noticeable purple undertone. It sits between royal blue and indigo and looks great in sportswear, tech branding and bold illustrations.
Also known as: Blue violet.
The hex code for violet blue is #324AB2. In RGB it is rgb(50, 74, 178), in HSL hsl(229, 56%, 45%) and in CMYK 72, 58, 0, 30.
Pick a color to pair it with and see how it looks on clothes, interiors and design.
Violet blue (#324AB2) is a cool, mid-tone, moderately saturated color. It belongs to the blues family. It mixes 50 red, 74 green and 178 blue (out of 255). It is mostly used in sports, tech, illustration.
From lightest to darkest. Tap a shade to copy its code.
See all its shades: Color shades generator
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--violet-blue: #324AB2;
--violet-blue-rgb: 50, 74, 178;
}
.bg { background-color: var(--violet-blue); }
.text { color: var(--violet-blue); }
The hex code for violet blue is #324AB2. In RGB it is rgb(50, 74, 178), in HSL hsl(229, 56%, 45%) and in CMYK 72, 58, 0, 30.
Its complement on the color wheel is #B29A32, close to brass. Used in small doses, it works as an accent and adds strong contrast.
Yes. The contrast with white is 7.6:1, enough for body text (WCAG AA).
We use Google Analytics cookies to understand how the site is used. Is that OK? Learn more