Skip to the color picker

#b177dc color: Lavender Blossom

#b177dc is rgb(177, 119, 220) in RGB and oklch(66.884% 0.15513 309.271) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

274°
100%

66.9%
0.155
309°
  • Purple
  • Medium
  • Soft
  • Neutral
  • ≈ Amethyst
  • violet-400
  • Black 14%

Inside sRGB: displays the same on any screen.

White text
3.21:1Hard to read
Lc -65
Black text
6.54: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 #b177dc

#b177dc is a soft purple color. In OKLCH it has 66.9% lightness, 0.155 chroma and a hue of 309°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.21:1 contrast and black text 6.54:1, so black text reads better.

The closest named color is Lavender Blossom (#b57edc). In Tailwind CSS the closest color is violet-400.

More medium purple colors

Lighter: #b177dc mixed with white

  1. b177dc
  2. b985e0
  3. c093e4
  4. c8a0e8
  5. d0aeec
  6. d8bbf0
  7. e0c9f3
  8. e7d6f6
  9. efe4f9
  10. f7f1fc

Darker: #b177dc mixed with black

  1. b177dc
  2. 9967bf
  3. 8357a3
  4. 6c4788
  5. 57386e
  6. 422a54
  7. 2f1c3c
  8. 1c1026
  9. 0c0511
  10. 010102

Calmer: #b177dc with less saturation

  1. b177dc
  2. ae7bd5
  3. ab7ece
  4. a982c7
  5. a685c0
  6. a388b9
  7. a08bb2
  8. 9d8dab
  9. 9a90a4
  10. 98929c

Similar named colors

Colors that go with #b177dc

Complementary
#b177dc#76a630
Analogous
#b177dc#8287f2#d16bb4
Triadic
#b177dc#d18000#00aea6
Split
#b177dc#ad9500#00b171

Questions about #b177dc

What color is #b177dc?

#b177dc is soft purple. The closest named color is Lavender Blossom. In RGB it is rgb(177, 119, 220), in HSL hsl(274.46, 59.06%, 66.47%) and in OKLCH oklch(66.884% 0.15513 309.271).

What colors go well with #b177dc?

The complementary color of #b177dc is #76a630. For a calmer combination use the analogous colors #8287f2 and #d16bb4. The triadic partners are #d18000 and #00aea6.

Is white or black text more readable on #b177dc?

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

Is #b177dc a warm or cool color?

#b177dc is a neutral color. In OKLCH its hue is 309 degrees, its lightness 66.9% and its chroma 0.155.