#8948E6#8948E6

#8948E6 is a mid, highly saturated violet. Relative luminance 0.157; OKLCH L 56.5% C 0.225 H 297.5°. Best body text is #FFFFFF at 5.08:1 contrast (WCAG AA passes).

Color values

HEX#8948E6
RGBrgb(137, 72, 230)
HSLhsl(265, 76%, 59%)
HSVhsv(265, 69%, 90%)
CMYKcmyk(40.4%, 68.7%, 0%, 9.8%)
CIE-LABlab(46.53, 58.79, -69.95)
CIE-LCHlch(46.53, 91.37, 310.05°)
OKLaboklab(56.5% 0.104 -0.1998)
OKLCHoklch(56.5% 0.225 297.5)
XYZxyz(26.9131, 15.6658, 76.4534)
Luminance0.1567 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8948E6 #A5E648
analogous
#4856E6 #8948E6 #D848E6
triadic
#8948E6 #E68948 #48E689
tetradic
#8948E6 #E64856 #A5E648 #48E6D8
square
#8948E6 #E64856 #A5E648 #48E6D8
split-complementary
#8948E6 #E6D848 #56E648
monochromatic
#4E169E #681DD4 #8948E6 #AC7EED #CEB4F5

Accessibility & contrast

On white

5.08
#8948E6 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.13
#8948E6 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #8948E6
5.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8948E6#FFFFFF#000000##FFFFFF
##8948E61.005.084.135.08
#FFFFFF5.081.0021.001.00
#0000004.1321.001.0021.00
##FFFFFF5.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#006FEB
Deuteranopia (green-blind)
#006CE3
Tritanopia (blue-blind)
#726F92
Achromatopsia (no color)
#6E6E6E

Design tokens & code

CSS
--color: #8948e6;
/* rgb */ color: rgb(137, 72, 230);
/* oklch */ color: oklch(56.5% 0.225 297.5);
Tailwind
colors: {
  custom: {
    50: '#b280ef',
    500: '#8948e6',
    950: '#000000',
  },
}
SCSS
$custom: #8948e6;
$custom-light: #b280ef;
$custom-dark: #000000;
JSON
{
  "hex": "#8948e6",
  "rgb": {
    "r": 137,
    "g": 72,
    "b": 230
  },
  "hsl": {
    "h": 264.684,
    "s": 75.962,
    "l": 59.216
  },
  "oklch": {
    "l": 0.56503,
    "c": 0.22523,
    "h": 297.5
  },
  "luminance": 0.15666
}

Semantic roles & 50–950 ramp

primary
#8948E6
secondary
#CAE4A6
accent
#F335A5
background
#FBF8FE
surface
#F6EFFD
border
#D0CAD5
text
#120A17
muted
#817C85

Preview Lab

Preview with #8948E6

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

Preview Lab → · Contrast checker → · Palette generator →

#8948E6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva