#6F3CAF#6F3CAF

#6F3CAF is a mid, vivid violet. Relative luminance 0.097; OKLCH L 47.9% C 0.175 H 300.2°. Best body text is #FFFFFF at 7.14:1 contrast (WCAG AA passes).

Color values

HEX#6F3CAF
RGBrgb(111, 60, 175)
HSLhsl(267, 49%, 46%)
HSVhsv(267, 66%, 69%)
CMYKcmyk(36.6%, 65.7%, 0%, 31.4%)
CIE-LABlab(37.31, 45.76, -53.19)
CIE-LCHlch(37.31, 70.17, 310.70°)
OKLaboklab(47.95% 0.0882 -0.1514)
OKLCHoklch(47.95% 0.175 300.2)
XYZxyz(15.9074, 9.7062, 41.5846)
Luminance0.0971 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6F3CAF #7CAF3C
analogous
#3C42AF #6F3CAF #A83CAF
triadic
#6F3CAF #AF6F3C #3CAF6F
tetradic
#6F3CAF #AF3C42 #7CAF3C #3CAFA8
square
#6F3CAF #AF3C42 #7CAF3C #3CAFA8
split-complementary
#6F3CAF #AFA83C #42AF3C
monochromatic
#351D54 #522C81 #6F3CAF #8E60C8 #AE8DD8

Accessibility & contrast

On white

7.14
#6F3CAF on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.94
#6F3CAF on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #6F3CAF
7.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6F3CAF#FFFFFF#000000##FFFFFF
##6F3CAF1.007.142.947.14
#FFFFFF7.141.0021.001.00
#0000002.9421.001.0021.00
##FFFFFF7.141.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0057B3
Deuteranopia (green-blind)
#0057AD
Tritanopia (blue-blind)
#615670
Achromatopsia (no color)
#585858

Design tokens & code

CSS
--color: #6f3caf;
/* rgb */ color: rgb(111, 60, 175);
/* oklch */ color: oklch(47.9% 0.175 300.2);
Tailwind
colors: {
  custom: {
    50: '#9d75c8',
    500: '#6f3caf',
    950: '#000000',
  },
}
SCSS
$custom: #6f3caf;
$custom-light: #9d75c8;
$custom-dark: #000000;
JSON
{
  "hex": "#6f3caf",
  "rgb": {
    "r": 111,
    "g": 60,
    "b": 175
  },
  "hsl": {
    "h": 266.609,
    "s": 48.936,
    "l": 46.078
  },
  "oklch": {
    "l": 0.47948,
    "c": 0.17517,
    "h": 300.2
  },
  "luminance": 0.09706
}

Semantic roles & 50–950 ramp

primary
#6F3CAF
secondary
#A7C384
accent
#D84F9C
background
#FAF7FC
surface
#F3EDF8
border
#CDC8D1
text
#0F0813
muted
#7F7B82

Preview Lab

Preview with #6F3CAF

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

Preview Lab → · Contrast checker → · Palette generator →

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