#ae86bc color: African Violet
#ae86bc is rgb(174, 134, 188) in RGB and oklch(67.69% 0.0896 317.167) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Purple
- Medium
- Muted
- Neutral
- ≈ Lilac
- mauve-400
- Black 26%
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 #ae86bc
#ae86bc is a muted purple color. In OKLCH it has 67.7% lightness, 0.09 chroma and a hue of 317°.
Inside sRGB: displays the same on any screen.
White text on it reaches 3.03:1 contrast and black text 6.94:1, so black text reads better.
The closest named color is African Violet (#b085b7). In Tailwind CSS the closest color is mauve-400.
Lighter: #ae86bc mixed with white
Darker: #ae86bc mixed with black
Calmer: #ae86bc with less saturation
Similar named colors
Colors that go with #ae86bc
Questions about #ae86bc
What color is #ae86bc?
#ae86bc is muted purple. The closest named color is African Violet. In RGB it is rgb(174, 134, 188), in HSL hsl(284.44, 28.72%, 63.14%) and in OKLCH oklch(67.69% 0.0896 317.167).
What colors go well with #ae86bc?
The complementary color of #ae86bc is #7da56d. For a calmer combination use the analogous colors #938fcc and #c081a2. The triadic partners are #b69055 and #48a8aa.
Is white or black text more readable on #ae86bc?
Black text reads better on #ae86bc: white gives a contrast ratio of 3.03:1 and black gives 6.94:1. WCAG AA asks for at least 4.5:1 for body text.
Is #ae86bc a warm or cool color?
#ae86bc is a neutral color. In OKLCH its hue is 317 degrees, its lightness 67.7% and its chroma 0.09.