#ba577f color: Tutti Frutti
#ba577f is rgb(186, 87, 127) in RGB and oklch(59.03% 0.1347 356.599) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Pink
- Medium
- Soft
- Warm
- ≈ Blush
- pink-700
- Black 27%
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 #ba577f
#ba577f is a soft pink color. In OKLCH it has 59% lightness, 0.135 chroma and a hue of 357°.
Inside sRGB: displays the same on any screen.
White text on it reaches 4.41:1 contrast and black text 4.76:1, so white text reads better.
The closest named color is Tutti Frutti (#bc587b). In Tailwind CSS the closest color is pink-700.
Lighter: #ba577f mixed with white
Darker: #ba577f mixed with black
Calmer: #ba577f with less saturation
Similar named colors
Colors that go with #ba577f
Questions about #ba577f
What color is #ba577f?
#ba577f is soft pink. The closest named color is Tutti Frutti. In RGB it is rgb(186, 87, 127), in HSL hsl(335.76, 41.77%, 53.53%) and in OKLCH oklch(59.03% 0.1347 356.599).
What colors go well with #ba577f?
The complementary color of #ba577f is #00967b. For a calmer combination use the analogous colors #a65ea7 and #c05951. The triadic partners are #798703 and #0087c2.
Is white or black text more readable on #ba577f?
White text reads better on #ba577f: white gives a contrast ratio of 4.41:1 and black gives 4.76:1. WCAG AA asks for at least 4.5:1 for body text.
Is #ba577f a warm or cool color?
#ba577f is a warm color. In OKLCH its hue is 357 degrees, its lightness 59% and its chroma 0.135.