Skip to the color picker

#b282fd color: Bright light violet

#b282fd is rgb(178, 130, 253) in RGB and oklch(70.543% 0.17787 299.874) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

263°
100%

70.5%
0.178
300°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Orchid
  • violet-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
2.80:1Hard to read
Lc -59
Black text
7.50:1Readable · AA
Lc 50

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

#b282fd is a bright light violet color. In OKLCH it has 70.5% lightness, 0.178 chroma and a hue of 300°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.8:1 contrast and black text 7.5:1, so black text reads better.

The closest named color is Lilac Geode (#bb88ff). In Tailwind CSS the closest color is violet-400.

More light violet colors

Lighter: #b282fd mixed with white

  1. b282fd
  2. b98ffe
  3. c09cff
  4. c8a9ff
  5. cfb6ff
  6. d7c2ff
  7. dfceff
  8. e7dbff
  9. efe7ff
  10. f7f3ff

Darker: #b282fd mixed with black

  1. b282fd
  2. 9a70dc
  3. 835fbc
  4. 6d4e9d
  5. 573e7f
  6. 432f62
  7. 2f2047
  8. 1d122d
  9. 0c0616
  10. 010103

Calmer: #b282fd with less saturation

  1. b282fd
  2. b086f4
  3. ae8aeb
  4. ac8de2
  5. aa91d9
  6. a894d0
  7. a696c6
  8. a599bd
  9. a39cb4
  10. a19eaa

Similar named colors

Colors that go with #b282fd

Complementary
#b282fd#93af00
Analogous
#b282fd#7696ff#db72d4
Triadic
#b282fd#ed7f00#00bda3
Split
#b282fd#c79900#2fbd60

Questions about #b282fd

What color is #b282fd?

#b282fd is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(178, 130, 253), in HSL hsl(263.41, 96.85%, 75.1%) and in OKLCH oklch(70.543% 0.17787 299.874).

What colors go well with #b282fd?

The complementary color of #b282fd is #93af00. For a calmer combination use the analogous colors #7696ff and #db72d4. The triadic partners are #ed7f00 and #00bda3.

Is white or black text more readable on #b282fd?

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

Is #b282fd a warm or cool color?

#b282fd is a cool color. In OKLCH its hue is 300 degrees, its lightness 70.5% and its chroma 0.178.