#6A3EBB#6A3EBB

#6A3EBB is a mid, vivid violet. Relative luminance 0.101; OKLCH L 48.6% C 0.186 H 294.6°. Best body text is #FFFFFF at 6.96:1 contrast (WCAG AA passes).

Color values

HEX#6A3EBB
RGBrgb(106, 62, 187)
HSLhsl(261, 50%, 49%)
HSVhsv(261, 67%, 73%)
CMYKcmyk(43.3%, 66.8%, 0%, 26.7%)
CIE-LABlab(38.02, 46.85, -59.17)
CIE-LCHlch(38.02, 75.47, 308.37°)
OKLaboklab(48.61% 0.0776 -0.1691)
OKLCHoklch(48.61% 0.186 294.6)
XYZxyz(16.6337, 10.0969, 48.0766)
Luminance0.1010 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6A3EBB #8FBB3E
analogous
#3E51BB #6A3EBB #A93EBB
triadic
#6A3EBB #BB6A3E #3EBB6A
tetradic
#6A3EBB #BB3E51 #8FBB3E #3EBBA9
square
#6A3EBB #BB3E51 #8FBB3E #3EBBA9
split-complementary
#6A3EBB #BBA93E #51BB3E
monochromatic
#36205F #502F8D #6A3EBB #8C69CD #AF97DC

Accessibility & contrast

On white

6.96
#6A3EBB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.02
#6A3EBB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6A3EBB
6.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6A3EBB#FFFFFF#000000##FFFFFF
##6A3EBB1.006.963.026.96
#FFFFFF6.961.0021.001.00
#0000003.0221.001.0021.00
##FFFFFF6.961.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005BBF
Deuteranopia (green-blind)
#0057B8
Tritanopia (blue-blind)
#545C77
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #6a3ebb;
/* rgb */ color: rgb(106, 62, 187);
/* oklch */ color: oklch(48.6% 0.186 294.6);
Tailwind
colors: {
  custom: {
    50: '#9b76d0',
    500: '#6a3ebb',
    950: '#000000',
  },
}
SCSS
$custom: #6a3ebb;
$custom-light: #9b76d0;
$custom-dark: #000000;
JSON
{
  "hex": "#6a3ebb",
  "rgb": {
    "r": 106,
    "g": 62,
    "b": 187
  },
  "hsl": {
    "h": 261.12,
    "s": 50.201,
    "l": 48.824
  },
  "oklch": {
    "l": 0.48607,
    "c": 0.18603,
    "h": 294.6
  },
  "luminance": 0.10097
}

Semantic roles & 50–950 ramp

primary
#6A3EBB
secondary
#B3C88D
accent
#DA4EA9
background
#FAF7FC
surface
#F3EDF9
border
#CDC8D2
text
#0F0914
muted
#7F7B82

Preview Lab

Preview with #6A3EBB

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

Preview Lab → · Contrast checker → · Palette generator →

#6A3EBB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva