#682AA8#682AA8

#682AA8 is a dark, vivid violet. Relative luminance 0.074; OKLCH L 44.3% C 0.189 H 301.3°. Best body text is #FFFFFF at 8.45:1 contrast (WCAG AA passes).

Color values

HEX#682AA8
RGBrgb(104, 42, 168)
HSLhsl(270, 60%, 41%)
HSVhsv(270, 75%, 66%)
CMYKcmyk(38.1%, 75%, 0%, 34.1%)
CIE-LABlab(32.76, 51.38, -56.44)
CIE-LCHlch(32.76, 76.32, 312.31°)
OKLaboklab(44.34% 0.098 -0.1611)
OKLCHoklch(44.34% 0.189 301.3)
XYZxyz(13.6030, 7.4261, 37.7549)
Luminance0.0743 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#682AA8 #6AA82A
analogous
#2A2BA8 #682AA8 #A72AA8
triadic
#682AA8 #A8682A #2AA868
tetradic
#682AA8 #A82A2B #6AA82A #2AA8A7
square
#682AA8 #A82A2B #6AA82A #2AA8A7
split-complementary
#682AA8 #A8A72A #2BA82A
monochromatic
#2B1246 #4A1E77 #682AA8 #8640CF #A571DB

Accessibility & contrast

On white

8.45
#682AA8 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.49
#682AA8 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #682AA8
8.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##682AA8#FFFFFF#000000##FFFFFF
##682AA81.008.452.498.45
#FFFFFF8.451.0021.001.00
#0000002.4921.001.0021.00
##FFFFFF8.451.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004CAC
Deuteranopia (green-blind)
#004CA5
Tritanopia (blue-blind)
#5A4A67
Achromatopsia (no color)
#4D4D4D

Design tokens & code

CSS
--color: #682aa8;
/* rgb */ color: rgb(104, 42, 168);
/* oklch */ color: oklch(44.3% 0.189 301.3);
Tailwind
colors: {
  custom: {
    50: '#996ac3',
    500: '#682aa8',
    950: '#000000',
  },
}
SCSS
$custom: #682aa8;
$custom-light: #996ac3;
$custom-dark: #000000;
JSON
{
  "hex": "#682aa8",
  "rgb": {
    "r": 104,
    "g": 42,
    "b": 168
  },
  "hsl": {
    "h": 269.524,
    "s": 60,
    "l": 41.176
  },
  "oklch": {
    "l": 0.44342,
    "c": 0.18856,
    "h": 301.3
  },
  "luminance": 0.07426
}

Semantic roles & 50–950 ramp

primary
#682AA8
secondary
#98C36B
accent
#E34595
background
#F9F6FC
surface
#F2EBF8
border
#CCC6D1
text
#0E0713
muted
#7E7A82

Preview Lab

Preview with #682AA8

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

Preview Lab → · Contrast checker → · Palette generator →

#682AA8 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva