Skip to the color picker

#b180bc color: African Violet

#b180bc is rgb(177, 128, 188) in RGB and oklch(66.911% 0.1022 320.096) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

289°
100%

66.9%
0.102
320°
  • Magenta
  • Medium
  • Soft
  • Neutral
  • ≈ Amethyst
  • mauve-400
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
3.14:1Hard to read
Lc -64
Black text
6.68:1Readable · AA
Lc 46

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

#b180bc is a soft magenta color. In OKLCH it has 66.9% lightness, 0.102 chroma and a hue of 320°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.14:1 contrast and black text 6.68:1, so black text reads better.

The closest named color is African Violet (#b085b7). In Tailwind CSS the closest color is mauve-400.

More medium magenta colors

Lighter: #b180bc mixed with white

  1. b180bc
  2. b98cc3
  3. c199ca
  4. c9a5d0
  5. d0b2d7
  6. d8bfde
  7. e0cbe5
  8. e8d8eb
  9. efe5f2
  10. f7f2f8

Darker: #b180bc mixed with black

  1. b180bc
  2. 996ea3
  3. 835d8b
  4. 6c4d73
  5. 573d5d
  6. 422e47
  7. 2f1f32
  8. 1c121f
  9. 0c060d
  10. 010102

Calmer: #b180bc with less saturation

  1. b180bc
  2. ae82b8
  3. ac85b4
  4. a987b1
  5. a689ad
  6. a38ba9
  7. a18da5
  8. 9e8fa1
  9. 9b919d
  10. 989399

Similar named colors

Colors that go with #b180bc

Complementary
#b180bc#72a468
Analogous
#b180bc#948ad0#c47a9e
Triadic
#b180bc#b68e46#2fa8ae
Split
#b180bc#999a4c#48a98b

Questions about #b180bc

What color is #b180bc?

#b180bc is soft magenta. The closest named color is African Violet. In RGB it is rgb(177, 128, 188), in HSL hsl(289, 30.93%, 61.96%) and in OKLCH oklch(66.911% 0.1022 320.096).

What colors go well with #b180bc?

The complementary color of #b180bc is #72a468. For a calmer combination use the analogous colors #948ad0 and #c47a9e. The triadic partners are #b68e46 and #2fa8ae.

Is white or black text more readable on #b180bc?

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

Is #b180bc a warm or cool color?

#b180bc is a neutral color. In OKLCH its hue is 320 degrees, its lightness 66.9% and its chroma 0.102.