#664698 color: Sweet Flag
#664698 is rgb(102, 70, 152) in RGB and oklch(46.911% 0.1301 299.365) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Violet
- Dark
- Soft
- Cool
- ≈ Sapphire
- purple-800
- Black 40%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #664698
#664698 is a soft dark violet color. In OKLCH it has 46.9% lightness, 0.13 chroma and a hue of 299°.
Inside sRGB: displays the same on any screen.
White text on it reaches 7.26:1 contrast and black text 2.89:1, so white text reads better.
The closest named color is Sweet Flag (#674196). In Tailwind CSS the closest color is purple-800.
Lighter: #664698 mixed with white
Darker: #664698 mixed with black
Calmer: #664698 with less saturation
Similar named colors
Colors that go with #664698
Questions about #664698
What color is #664698?
#664698 is soft dark violet. The closest named color is Sweet Flag. In RGB it is rgb(102, 70, 152), in HSL hsl(263.41, 36.94%, 43.53%) and in OKLCH oklch(46.911% 0.1301 299.365).
What colors go well with #664698?
The complementary color of #664698 is #536400. For a calmer combination use the analogous colors #3e53a3 and #813b7d. The triadic partners are #8d4300 and #006d5c.
Is white or black text more readable on #664698?
White text reads better on #664698: white gives a contrast ratio of 7.26:1 and black gives 2.89:1. WCAG AA asks for at least 4.5:1 for body text.
Is #664698 a warm or cool color?
#664698 is a cool color. In OKLCH its hue is 299 degrees, its lightness 46.9% and its chroma 0.13.