#873FC9#873FC9

#873FC9 is a mid, highly saturated violet. Relative luminance 0.129; OKLCH L 53.0% C 0.205 H 304.1°. Best body text is #FFFFFF at 5.86:1 contrast (WCAG AA passes).

Color values

HEX#873FC9
RGBrgb(135, 63, 201)
HSLhsl(271, 56%, 52%)
HSVhsv(271, 69%, 79%)
CMYKcmyk(32.8%, 68.7%, 0%, 21.2%)
CIE-LABlab(42.65, 55.64, -59.66)
CIE-LCHlch(42.65, 81.58, 313.00°)
OKLaboklab(53.01% 0.1147 -0.1696)
OKLCHoklch(53.01% 0.205 304.1)
XYZxyz(22.3094, 12.9230, 56.5661)
Luminance0.1292 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#873FC9 #81C93F
analogous
#423FC9 #873FC9 #C93FC6
triadic
#873FC9 #C9873F #3FC987
tetradic
#873FC9 #C9423F #81C93F #3FC6C9
square
#873FC9 #C9423F #81C93F #3FC6C9
split-complementary
#873FC9 #C6C93F #3FC942
monochromatic
#491F6F #682D9E #873FC9 #A56FD6 #C39FE4

Accessibility & contrast

On white

5.86
#873FC9 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.58
#873FC9 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #873FC9
5.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##873FC9#FFFFFF#000000##FFFFFF
##873FC91.005.863.585.86
#FFFFFF5.861.0021.001.00
#0000003.5821.001.0021.00
##FFFFFF5.861.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0063CD
Deuteranopia (green-blind)
#0065C6
Tritanopia (blue-blind)
#7A5F7F
Achromatopsia (no color)
#656565

Design tokens & code

CSS
--color: #873fc9;
/* rgb */ color: rgb(135, 63, 201);
/* oklch */ color: oklch(53.0% 0.205 304.1);
Tailwind
colors: {
  custom: {
    50: '#af79da',
    500: '#873fc9',
    950: '#000000',
  },
}
SCSS
$custom: #873fc9;
$custom-light: #af79da;
$custom-dark: #000000;
JSON
{
  "hex": "#873fc9",
  "rgb": {
    "r": 135,
    "g": 63,
    "b": 201
  },
  "hsl": {
    "h": 271.304,
    "s": 56.098,
    "l": 51.765
  },
  "oklch": {
    "l": 0.53012,
    "c": 0.20472,
    "h": 304.1
  },
  "luminance": 0.12923
}

Semantic roles & 50–950 ramp

primary
#873FC9
secondary
#B1D094
accent
#DF4891
background
#FBF7FD
surface
#F6EEFB
border
#D0C9D4
text
#110915
muted
#807B83

Preview Lab

Preview with #873FC9

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

Preview Lab → · Contrast checker → · Palette generator →

#873FC9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva