#6648DA#6648DA

#6648DA is a mid, highly saturated violet. Relative luminance 0.125; OKLCH L 52.2% C 0.211 H 285.9°. Best body text is #FFFFFF at 5.99:1 contrast (WCAG AA passes).

Color values

HEX#6648DA
RGBrgb(102, 72, 218)
HSLhsl(252, 66%, 57%)
HSVhsv(252, 67%, 85%)
CMYKcmyk(53.2%, 67%, 0%, 14.5%)
CIE-LABlab(42.03, 49.46, -70.61)
CIE-LCHlch(42.03, 86.21, 305.01°)
OKLaboklab(52.16% 0.058 -0.2029)
OKLCHoklch(52.16% 0.211 285.9)
XYZxyz(20.4480, 12.5204, 67.6553)
Luminance0.1252 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6648DA #BCDA48
analogous
#4873DA #6648DA #AF48DA
triadic
#6648DA #DA6648 #48DA66
tetradic
#6648DA #DA4873 #BCDA48 #48DAAF
square
#6648DA #DA4873 #BCDA48 #48DAAF
split-complementary
#6648DA #DAAF48 #73DA48
monochromatic
#331C8B #4626BE #6648DA #917BE4 #BBAEEF

Accessibility & contrast

On white

5.99
#6648DA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.50
#6648DA on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6648DA
5.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6648DA#FFFFFF#000000##FFFFFF
##6648DA1.005.993.505.99
#FFFFFF5.991.0021.001.00
#0000003.5021.001.0021.00
##FFFFFF5.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0067DE
Deuteranopia (green-blind)
#005FD7
Tritanopia (blue-blind)
#366D8B
Achromatopsia (no color)
#636363

Design tokens & code

CSS
--color: #6648da;
/* rgb */ color: rgb(102, 72, 218);
/* oklch */ color: oklch(52.2% 0.211 285.9);
Tailwind
colors: {
  custom: {
    50: '#9c7de7',
    500: '#6648da',
    950: '#000000',
  },
}
SCSS
$custom: #6648da;
$custom-light: #9c7de7;
$custom-dark: #000000;
JSON
{
  "hex": "#6648da",
  "rgb": {
    "r": 102,
    "g": 72,
    "b": 218
  },
  "hsl": {
    "h": 252.329,
    "s": 66.364,
    "l": 56.863
  },
  "oklch": {
    "l": 0.5216,
    "c": 0.21099,
    "h": 285.9
  },
  "luminance": 0.12521
}

Semantic roles & 50–950 ramp

primary
#6648DA
secondary
#D0DDA1
accent
#E93FC6
background
#FAF7FE
surface
#F4EEFD
border
#CEC9D5
text
#0F0A16
muted
#7F7C84

Preview Lab

Preview with #6648DA

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

Preview Lab → · Contrast checker → · Palette generator →

#6648DA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva