#9A48DF#9A48DF

#9A48DF is a mid, highly saturated violet. Relative luminance 0.168; OKLCH L 57.9% C 0.221 H 305.4°. Best body text is #FFFFFF at 4.81:1 contrast (WCAG AA passes).

Color values

HEX#9A48DF
RGBrgb(154, 72, 223)
HSLhsl(273, 70%, 58%)
HSVhsv(273, 68%, 87%)
CMYKcmyk(30.9%, 67.7%, 0%, 12.5%)
CIE-LABlab(48.05, 60.38, -63.43)
CIE-LCHlch(48.05, 87.57, 313.59°)
OKLaboklab(57.87% 0.1278 -0.18)
OKLCHoklch(57.87% 0.221 305.4)
XYZxyz(28.9601, 16.8327, 71.5211)
Luminance0.1683 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9A48DF #8DDF48
analogous
#4E48DF #9A48DF #DF48D8
triadic
#9A48DF #DF9A48 #48DF9A
tetradic
#9A48DF #DF4E48 #8DDF48 #48D8DF
square
#9A48DF #DF4E48 #8DDF48 #48D8DF
split-complementary
#9A48DF #D8DF48 #48DF4E
monochromatic
#5C1A93 #7C23C7 #9A48DF #B77CE8 #D3B0F1

Accessibility & contrast

On white

4.81
#9A48DF on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.37
#9A48DF on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #9A48DF
4.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9A48DF#FFFFFF#000000##FFFFFF
##9A48DF1.004.814.374.81
#FFFFFF4.811.0021.001.00
#0000004.3721.001.0021.00
##FFFFFF4.811.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0070E3
Deuteranopia (green-blind)
#1272DC
Tritanopia (blue-blind)
#8E6A8E
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #9a48df;
/* rgb */ color: rgb(154, 72, 223);
/* oklch */ color: oklch(57.9% 0.221 305.4);
Tailwind
colors: {
  custom: {
    50: '#bd81ea',
    500: '#9a48df',
    950: '#000000',
  },
}
SCSS
$custom: #9a48df;
$custom-light: #bd81ea;
$custom-dark: #000000;
JSON
{
  "hex": "#9a48df",
  "rgb": {
    "r": 154,
    "g": 72,
    "b": 223
  },
  "hsl": {
    "h": 272.583,
    "s": 70.233,
    "l": 57.843
  },
  "oklch": {
    "l": 0.57873,
    "c": 0.22079,
    "h": 305.4
  },
  "luminance": 0.16832
}

Semantic roles & 50–950 ramp

primary
#9A48DF
secondary
#BFE0A3
accent
#ED3B8C
background
#FCF8FE
surface
#F8EFFD
border
#D1CAD5
text
#130B16
muted
#827C84

Preview Lab

Preview with #9A48DF

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

Preview Lab → · Contrast checker → · Palette generator →

#9A48DF Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva