#6A45AB#6A45AB

#6A45AB is a mid, vivid violet. Relative luminance 0.103; OKLCH L 48.5% C 0.157 H 296.9°. Best body text is #FFFFFF at 6.88:1 contrast (WCAG AA passes).

Color values

HEX#6A45AB
RGBrgb(106, 69, 171)
HSLhsl(262, 43%, 47%)
HSVhsv(262, 60%, 67%)
CMYKcmyk(38%, 59.6%, 0%, 32.9%)
CIE-LABlab(38.31, 38.63, -49.24)
CIE-LCHlch(38.31, 62.58, 308.12°)
OKLaboklab(48.45% 0.0709 -0.1399)
OKLCHoklch(48.45% 0.157 296.9)
XYZxyz(15.4208, 10.2604, 39.6882)
Luminance0.1026 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6A45AB #86AB45
analogous
#4553AB #6A45AB #9D45AB
triadic
#6A45AB #AB6A45 #45AB6A
tetradic
#6A45AB #AB4553 #86AB45 #45AB9D
square
#6A45AB #AB4553 #86AB45 #45AB9D
split-complementary
#6A45AB #AB9D45 #53AB45
monochromatic
#342254 #4F337F #6A45AB #8A6AC3 #AD96D5

Accessibility & contrast

On white

6.88
#6A45AB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.05
#6A45AB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6A45AB
6.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6A45AB#FFFFFF#000000##FFFFFF
##6A45AB1.006.883.056.88
#FFFFFF6.881.0021.001.00
#0000003.0521.001.0021.00
##FFFFFF6.881.0021.001.00

Color blindness preview

Protanopia (red-blind)
#045BAE
Deuteranopia (green-blind)
#1C59A9
Tritanopia (blue-blind)
#5B5B71
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #6a45ab;
/* rgb */ color: rgb(106, 69, 171);
/* oklch */ color: oklch(48.5% 0.157 296.9);
Tailwind
colors: {
  custom: {
    50: '#997ac5',
    500: '#6a45ab',
    950: '#000000',
  },
}
SCSS
$custom: #6a45ab;
$custom-light: #997ac5;
$custom-dark: #000000;
JSON
{
  "hex": "#6a45ab",
  "rgb": {
    "r": 106,
    "g": 69,
    "b": 171
  },
  "hsl": {
    "h": 261.765,
    "s": 42.5,
    "l": 47.059
  },
  "oklch": {
    "l": 0.48454,
    "c": 0.15683,
    "h": 296.9
  },
  "luminance": 0.10261
}

Semantic roles & 50–950 ramp

primary
#6A45AB
secondary
#ADC08B
accent
#D256A5
background
#F9F7FC
surface
#F2EEF8
border
#CCC9D1
text
#0E0913
muted
#7E7B82

Preview Lab

Preview with #6A45AB

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

Preview Lab → · Contrast checker → · Palette generator →

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