Skip to the color picker

#ba63b3 color: Mazzy Star

#ba63b3 is rgb(186, 99, 179) in RGB and oklch(62.82% 0.15043 330.218) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

305°
100%

62.8%
0.150
330°
  • Magenta
  • Medium
  • Soft
  • Neutral
  • ≈ Amethyst
  • pink-400
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
3.80:1Hard to read
Lc -71
Black text
5.52:1Readable · AA
Lc 39

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #ba63b3

#ba63b3 is a soft magenta color. In OKLCH it has 62.8% lightness, 0.15 chroma and a hue of 330°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.8:1 contrast and black text 5.52:1, so white text reads better.

The closest named color is Mazzy Star (#bf5bb0). In Tailwind CSS the closest color is pink-400.

More medium magenta colors

Lighter: #ba63b3 mixed with white

  1. ba63b3
  2. c273bb
  3. c983c3
  4. d192ca
  5. d8a2d2
  6. dfb1d9
  7. e6c1e1
  8. ecd0e9
  9. f3e0f0
  10. f9eff8

Darker: #ba63b3 mixed with black

  1. ba63b3
  2. a1559b
  3. 894784
  4. 723a6e
  5. 5c2e58
  6. 462143
  7. 32162f
  8. 1e0b1d
  9. 0d030c
  10. 020001

Calmer: #ba63b3 with less saturation

  1. ba63b3
  2. b668af
  3. b16cab
  4. ad70a7
  5. a874a2
  6. a3789e
  7. 9e7c9a
  8. 997f96
  9. 948291
  10. 8e858d

Similar named colors

Colors that go with #ba63b3

Complementary
#ba63b3#30a155
Analogous
#ba63b3#9870d5#cf5c84
Triadic
#ba63b3#ab8300#009cb3
Split
#ba63b3#7d9500#00a28c

Questions about #ba63b3

What color is #ba63b3?

#ba63b3 is soft magenta. The closest named color is Mazzy Star. In RGB it is rgb(186, 99, 179), in HSL hsl(304.83, 38.67%, 55.88%) and in OKLCH oklch(62.82% 0.15043 330.218).

What colors go well with #ba63b3?

The complementary color of #ba63b3 is #30a155. For a calmer combination use the analogous colors #9870d5 and #cf5c84. The triadic partners are #ab8300 and #009cb3.

Is white or black text more readable on #ba63b3?

White text reads better on #ba63b3: white gives a contrast ratio of 3.8:1 and black gives 5.52:1. WCAG AA asks for at least 4.5:1 for body text.

Is #ba63b3 a warm or cool color?

#ba63b3 is a neutral color. In OKLCH its hue is 330 degrees, its lightness 62.8% and its chroma 0.15.