#6240E1#6240E1

#6240E1 is a mid, highly saturated violet. Relative luminance 0.117; OKLCH L 51.3% C 0.228 H 284.7°. Best body text is #FFFFFF at 6.29:1 contrast (WCAG AA passes).

Color values

HEX#6240E1
RGBrgb(98, 64, 225)
HSLhsl(253, 73%, 57%)
HSVhsv(253, 72%, 88%)
CMYKcmyk(56.4%, 71.6%, 0%, 11.8%)
CIE-LABlab(40.73, 55.10, -76.75)
CIE-LCHlch(40.73, 94.48, 305.68°)
OKLaboklab(51.33% 0.0579 -0.221)
OKLCHoklch(51.33% 0.228 284.7)
XYZxyz(20.4569, 11.6985, 72.3996)
Luminance0.1170 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6240E1 #BFE140
analogous
#406FE1 #6240E1 #B340E1
triadic
#6240E1 #E16240 #40E162
tetradic
#6240E1 #E1406F #BFE140 #40E1B3
square
#6240E1 #E1406F #BFE140 #40E1B3
split-complementary
#6240E1 #E1B340 #6FE140
monochromatic
#301790 #421FC5 #6240E1 #8D75E9 #B9AAF2

Accessibility & contrast

On white

6.29
#6240E1 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.34
#6240E1 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #6240E1
6.29:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6240E1#FFFFFF#000000##FFFFFF
##6240E11.006.293.346.29
#FFFFFF6.291.0021.001.00
#0000003.3421.001.0021.00
##FFFFFF6.291.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0065E6
Deuteranopia (green-blind)
#005BDE
Tritanopia (blue-blind)
#206C8D
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #6240e1;
/* rgb */ color: rgb(98, 64, 225);
/* oklch */ color: oklch(51.3% 0.228 284.7);
Tailwind
colors: {
  custom: {
    50: '#9b78ec',
    500: '#6240e1',
    950: '#000000',
  },
}
SCSS
$custom: #6240e1;
$custom-light: #9b78ec;
$custom-dark: #000000;
JSON
{
  "hex": "#6240e1",
  "rgb": {
    "r": 98,
    "g": 64,
    "b": 225
  },
  "hsl": {
    "h": 252.671,
    "s": 72.851,
    "l": 56.667
  },
  "oklch": {
    "l": 0.51327,
    "c": 0.22842,
    "h": 284.7
  },
  "luminance": 0.117
}

Semantic roles & 50–950 ramp

primary
#6240E1
secondary
#D1DF9D
accent
#F038C9
background
#FAF7FE
surface
#F4EDFD
border
#CEC8D5
text
#0F0916
muted
#7F7B84

Preview Lab

Preview with #6240E1

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

Preview Lab → · Contrast checker → · Palette generator →

#6240E1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva