Skip to the color picker

#bb78b6 color: Colombo Red Mauve

#bb78b6 is rgb(187, 120, 182) in RGB and oklch(66.368% 0.11708 329.44) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

304°
100%

66.4%
0.117
329°
  • Magenta
  • Medium
  • Soft
  • Neutral
  • ≈ Orchid
  • mauve-400
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
3.24:1Hard to read
Lc -65
Black text
6.48: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 #bb78b6

#bb78b6 is a soft magenta color. In OKLCH it has 66.4% lightness, 0.117 chroma and a hue of 329°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.24:1 contrast and black text 6.48:1, so black text reads better.

The closest named color is Colombo Red Mauve (#ba7ab3). In Tailwind CSS the closest color is mauve-400.

More medium magenta colors

Lighter: #bb78b6 mixed with white

  1. bb78b6
  2. c285bd
  3. c993c5
  4. d0a0cc
  5. d7add3
  6. debbdb
  7. e5c8e2
  8. ecd6e9
  9. f2e3f0
  10. f9f1f8

Darker: #bb78b6 mixed with black

  1. bb78b6
  2. a2679e
  3. 8a5786
  4. 73486f
  5. 5c3959
  6. 462a44
  7. 321d30
  8. 1f101d
  9. 0d050c
  10. 020102

Calmer: #bb78b6 with less saturation

  1. bb78b6
  2. b77bb3
  3. b47eaf
  4. b081ac
  5. ac84a8
  6. a887a5
  7. a489a1
  8. a08c9e
  9. 9c8e9a
  10. 989197

Similar named colors

Colors that go with #bb78b6

Complementary
#bb78b6#5aa76b
Analogous
#bb78b6#9e82d1#cd7391
Triadic
#bb78b6#b08f30#00a6ba
Split
#bb78b6#8b9d44#17aa95

Questions about #bb78b6

What color is #bb78b6?

#bb78b6 is soft magenta. The closest named color is Colombo Red Mauve. In RGB it is rgb(187, 120, 182), in HSL hsl(304.48, 33%, 60.2%) and in OKLCH oklch(66.368% 0.11708 329.44).

What colors go well with #bb78b6?

The complementary color of #bb78b6 is #5aa76b. For a calmer combination use the analogous colors #9e82d1 and #cd7391. The triadic partners are #b08f30 and #00a6ba.

Is white or black text more readable on #bb78b6?

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

Is #bb78b6 a warm or cool color?

#bb78b6 is a neutral color. In OKLCH its hue is 329 degrees, its lightness 66.4% and its chroma 0.117.