Skip to the color picker

#bb77c0 color: Soft magenta

#bb77c0 is rgb(187, 119, 192) in RGB and oklch(66.628% 0.12881 324.472) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

296°
100%

66.6%
0.129
324°
  • Magenta
  • Medium
  • Soft
  • Neutral
  • ≈ Orchid
  • purple-400
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
3.22:1Hard to read
Lc -65
Black text
6.51:1Readable · AA
Lc 45

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 #bb77c0

#bb77c0 is a soft magenta color. In OKLCH it has 66.6% lightness, 0.129 chroma and a hue of 324°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.22:1 contrast and black text 6.51:1, so black text reads better.

The closest named color is Lavendless (#b86fc2). In Tailwind CSS the closest color is purple-400.

More medium magenta colors

Lighter: #bb77c0 mixed with white

  1. bb77c0
  2. c285c7
  3. c992cd
  4. d0a0d3
  5. d7adda
  6. debbe0
  7. e5c8e6
  8. ecd6ed
  9. f2e3f3
  10. f9f1f9

Darker: #bb77c0 mixed with black

  1. bb77c0
  2. a267a7
  3. 8a578e
  4. 734776
  5. 5c385f
  6. 462a49
  7. 321c34
  8. 1f1020
  9. 0d050e
  10. 020102

Calmer: #bb77c0 with less saturation

  1. bb77c0
  2. b77abc
  3. b47eb7
  4. b081b3
  5. ac84af
  6. a887aa
  7. a58aa6
  8. a18ca2
  9. 9c8f9d
  10. 989199

Similar named colors

Colors that go with #bb77c0

Complementary
#bb77c0#5ea860
Analogous
#bb77c0#9a83db#d07099
Triadic
#bb77c0#b98c1d#00aab9
Split
#bb77c0#939d32#00ad8f

Questions about #bb77c0

What color is #bb77c0?

#bb77c0 is soft magenta. The closest named color is Soft magenta. In RGB it is rgb(187, 119, 192), in HSL hsl(295.89, 36.68%, 60.98%) and in OKLCH oklch(66.628% 0.12881 324.472).

What colors go well with #bb77c0?

The complementary color of #bb77c0 is #5ea860. For a calmer combination use the analogous colors #9a83db and #d07099. The triadic partners are #b98c1d and #00aab9.

Is white or black text more readable on #bb77c0?

Black text reads better on #bb77c0: white gives a contrast ratio of 3.22:1 and black gives 6.51:1. WCAG AA asks for at least 4.5:1 for body text.

Is #bb77c0 a warm or cool color?

#bb77c0 is a neutral color. In OKLCH its hue is 324 degrees, its lightness 66.6% and its chroma 0.129.