#6548D9#6548D9

#6548D9 is a mid, highly saturated violet. Relative luminance 0.124; OKLCH L 52.0% C 0.210 H 285.7°. Best body text is #FFFFFF at 6.03:1 contrast (WCAG AA passes).

Color values

HEX#6548D9
RGBrgb(101, 72, 217)
HSLhsl(252, 66%, 57%)
HSVhsv(252, 67%, 85%)
CMYKcmyk(53.5%, 66.8%, 0%, 14.9%)
CIE-LABlab(41.86, 49.01, -70.32)
CIE-LCHlch(41.86, 85.71, 304.87°)
OKLaboklab(51.99% 0.0568 -0.202)
OKLCHoklch(51.99% 0.21 285.7)
XYZxyz(20.2048, 12.4101, 66.9629)
Luminance0.1241 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6548D9 #BCD948
analogous
#4874D9 #6548D9 #AE48D9
triadic
#6548D9 #D96548 #48D965
tetradic
#6548D9 #D94874 #BCD948 #48D9AE
square
#6548D9 #D94874 #BCD948 #48D9AE
split-complementary
#6548D9 #D9AE48 #74D948
monochromatic
#331D8A #4527BD #6548D9 #907BE4 #BAADEE

Accessibility & contrast

On white

6.03
#6548D9 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.48
#6548D9 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6548D9
6.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6548D9#FFFFFF#000000##FFFFFF
##6548D91.006.033.486.03
#FFFFFF6.031.0021.001.00
#0000003.4821.001.0021.00
##FFFFFF6.031.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0067DD
Deuteranopia (green-blind)
#005ED6
Tritanopia (blue-blind)
#346D8B
Achromatopsia (no color)
#636363

Design tokens & code

CSS
--color: #6548d9;
/* rgb */ color: rgb(101, 72, 217);
/* oklch */ color: oklch(52.0% 0.210 285.7);
Tailwind
colors: {
  custom: {
    50: '#9b7de6',
    500: '#6548d9',
    950: '#000000',
  },
}
SCSS
$custom: #6548d9;
$custom-light: #9b7de6;
$custom-dark: #000000;
JSON
{
  "hex": "#6548d9",
  "rgb": {
    "r": 101,
    "g": 72,
    "b": 217
  },
  "hsl": {
    "h": 252,
    "s": 65.611,
    "l": 56.667
  },
  "oklch": {
    "l": 0.5199,
    "c": 0.20987,
    "h": 285.7
  },
  "luminance": 0.12411
}

Semantic roles & 50–950 ramp

primary
#6548D9
secondary
#D0DCA1
accent
#E93FC7
background
#FAF7FE
surface
#F4EEFC
border
#CEC9D5
text
#0F0A16
muted
#7F7C84

Preview Lab

Preview with #6548D9

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

Preview Lab → · Contrast checker → · Palette generator →

#6548D9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva