#6A27AD#6A27AD

#6A27AD is a dark, vivid violet. Relative luminance 0.075; OKLCH L 44.7% C 0.197 H 301.3°. Best body text is #FFFFFF at 8.38:1 contrast (WCAG AA passes).

Color values

HEX#6A27AD
RGBrgb(106, 39, 173)
HSLhsl(270, 63%, 42%)
HSVhsv(270, 77%, 68%)
CMYKcmyk(38.7%, 77.5%, 0%, 32.2%)
CIE-LABlab(32.99, 54.22, -59.05)
CIE-LCHlch(32.99, 80.17, 312.55°)
OKLaboklab(44.69% 0.1024 -0.1686)
OKLCHoklch(44.69% 0.197 301.3)
XYZxyz(14.2104, 7.5322, 40.2323)
Luminance0.0753 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6A27AD #6AAD27
analogous
#2727AD #6A27AD #AD27AD
triadic
#6A27AD #AD6A27 #27AD6A
tetradic
#6A27AD #AD2727 #6AAD27 #27ADAD
square
#6A27AD #AD2727 #6AAD27 #27ADAD
split-complementary
#6A27AD #ADAD27 #27AD27
monochromatic
#2D1049 #4B1C7B #6A27AD #893ED3 #A770DF

Accessibility & contrast

On white

8.38
#6A27AD on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.51
#6A27AD on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #6A27AD
8.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6A27AD#FFFFFF#000000##FFFFFF
##6A27AD1.008.382.518.38
#FFFFFF8.381.0021.001.00
#0000002.5121.001.0021.00
##FFFFFF8.381.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004DB1
Deuteranopia (green-blind)
#004DAA
Tritanopia (blue-blind)
#5B4A69
Achromatopsia (no color)
#4E4E4E

Design tokens & code

CSS
--color: #6a27ad;
/* rgb */ color: rgb(106, 39, 173);
/* oklch */ color: oklch(44.7% 0.197 301.3);
Tailwind
colors: {
  custom: {
    50: '#9b69c6',
    500: '#6a27ad',
    950: '#000000',
  },
}
SCSS
$custom: #6a27ad;
$custom-light: #9b69c6;
$custom-dark: #000000;
JSON
{
  "hex": "#6a27ad",
  "rgb": {
    "r": 106,
    "g": 39,
    "b": 173
  },
  "hsl": {
    "h": 270,
    "s": 63.208,
    "l": 41.569
  },
  "oklch": {
    "l": 0.4469,
    "c": 0.1973,
    "h": 301.3
  },
  "luminance": 0.07532
}

Semantic roles & 50–950 ramp

primary
#6A27AD
secondary
#98C66A
accent
#E64294
background
#FAF6FC
surface
#F3EBF8
border
#CDC6D1
text
#0F0713
muted
#7F7A82

Preview Lab

Preview with #6A27AD

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

Preview Lab → · Contrast checker → · Palette generator →

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