#843FB2#843FB2

#843FB2 is a mid, vivid violet. Relative luminance 0.117; OKLCH L 51.0% C 0.179 H 309.0°. Best body text is #FFFFFF at 6.30:1 contrast (WCAG AA passes).

Color values

HEX	#843FB2
RGB	rgb(132, 63, 178)
HSL	hsl(276, 48%, 47%)
HSV	hsv(276, 65%, 70%)
CMYK	cmyk(25.8%, 64.6%, 0%, 30.2%)
CIE-LAB	lab(40.70, 49.65, -49.38)
CIE-LCH	lch(40.70, 70.02, 315.16°)
OKLab	oklab(51.03% 0.1129 -0.1394)
OKLCH	oklch(51.03% 0.179 309)
XYZ	xyz(19.3275, 11.6752, 43.3462)
Luminance	0.1168 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#843FB2 #6DB23F

analogous

#4B3FB2 #843FB2 #B23FA7

triadic

#843FB2 #B2843F #3FB284

tetradic

#843FB2 #B24B3F #6DB23F #3FA7B2

square

#843FB2 #B24B3F #6DB23F #3FA7B2

split-complementary

#843FB2 #A7B23F #3FB24B

monochromatic

#411F58 #622F85 #843FB2 #A166C9 #BD93D9

Accessibility & contrast

On white

6.30

#843FB2 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.34

#843FB2 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #843FB2

6.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##843FB2	#FFFFFF	#000000	##FFFFFF
##843FB2	1.00	6.30	3.34	6.30
#FFFFFF	6.30	1.00	21.00	1.00
#000000	3.34	21.00	1.00	21.00
##FFFFFF	6.30	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#005DB6

Deuteranopia (green-blind)

#2D61AF

Tritanopia (blue-blind)

#7D5673

Achromatopsia (no color)

#606060

Design tokens & code

CSS

--color: #843fb2;
/* rgb */ color: rgb(132, 63, 178);
/* oklch */ color: oklch(51.0% 0.179 309.0);

Tailwind

colors: {
  custom: {
    50: '#ab78ca',
    500: '#843fb2',
    950: '#000000',
  },
}

SCSS

$custom: #843fb2;
$custom-light: #ab78ca;
$custom-dark: #000000;

JSON

{
  "hex": "#843fb2",
  "rgb": {
    "r": 132,
    "g": 63,
    "b": 178
  },
  "hsl": {
    "h": 276,
    "s": 47.718,
    "l": 47.255
  },
  "oklch": {
    "l": 0.5103,
    "c": 0.17945,
    "h": 309
  },
  "luminance": 0.11675
}

Semantic roles & 50–950 ramp

primary

#843FB2

secondary

#A0C489

accent

#D75086

background

#FAF7FC

surface

#F5EEF8

border

#CFC9D1

text

#100913

muted

#7F7B82

Preview Lab

Preview with #843FB2

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →