#681B7B#681B7B

#681B7B is a dark, vivid purple. Relative luminance 0.052; OKLCH L 39.3% C 0.161 H 318.7°. Best body text is #FFFFFF at 10.34:1 contrast (WCAG AA passes).

Color values

HEX#681B7B
RGBrgb(104, 27, 123)
HSLhsl(288, 64%, 29%)
HSVhsv(288, 78%, 48%)
CMYKcmyk(15.4%, 78%, 0%, 51.8%)
CIE-LABlab(27.18, 47.35, -37.75)
CIE-LCHlch(27.18, 60.55, 321.44°)
OKLaboklab(39.32% 0.1208 -0.106)
OKLCHoklch(39.32% 0.161 318.7)
XYZxyz(9.6755, 5.1574, 19.2209)
Luminance0.0516 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#681B7B #2E7B1B
analogous
#381B7B #681B7B #7B1B5E
triadic
#681B7B #7B681B #1B7B68
tetradic
#681B7B #7B381B #2E7B1B #1B5E7B
square
#681B7B #7B381B #2E7B1B #1B5E7B
split-complementary
#681B7B #5E7B1B #1B7B38
monochromatic
#150619 #3E1049 #681B7B #9226AD #B63CD4

Accessibility & contrast

On white

10.34
#681B7B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.03
#681B7B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #681B7B
10.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##681B7B#FFFFFF#000000##FFFFFF
##681B7B1.0010.342.0310.34
#FFFFFF10.341.0021.001.00
#0000002.0321.001.0021.00
##FFFFFF10.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003B7E
Deuteranopia (green-blind)
#214379
Tritanopia (blue-blind)
#682F4A
Achromatopsia (no color)
#404040

Design tokens & code

CSS
--color: #681b7b;
/* rgb */ color: rgb(104, 27, 123);
/* oklch */ color: oklch(39.3% 0.161 318.7);
Tailwind
colors: {
  custom: {
    50: '#9761a2',
    500: '#681b7b',
    950: '#000000',
  },
}
SCSS
$custom: #681b7b;
$custom-light: #9761a2;
$custom-dark: #000000;
JSON
{
  "hex": "#681b7b",
  "rgb": {
    "r": 104,
    "g": 27,
    "b": 123
  },
  "hsl": {
    "h": 288.125,
    "s": 64,
    "l": 29.412
  },
  "oklch": {
    "l": 0.39321,
    "c": 0.16072,
    "h": 318.7
  },
  "luminance": 0.05157
}

Semantic roles & 50–950 ramp

primary
#681B7B
secondary
#58AF43
accent
#E74162
background
#F9F6FA
surface
#F2EBF3
border
#CCC6CD
text
#0E050F
muted
#7E7A7F

Preview Lab

Preview with #681B7B

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

Preview Lab → · Contrast checker → · Palette generator →

#681B7B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva