#A830C9#A830C9

#A830C9 is a mid, highly saturated purple. Relative luminance 0.147; OKLCH L 55.8% C 0.232 H 317.7°. Best body text is #FFFFFF at 5.34:1 contrast (WCAG AA passes).

Color values

HEX#A830C9
RGBrgb(168, 48, 201)
HSLhsl(287, 61%, 49%)
HSVhsv(287, 76%, 79%)
CMYKcmyk(16.4%, 76.1%, 0%, 21.2%)
CIE-LABlab(45.16, 68.06, -55.38)
CIE-LCHlch(45.16, 87.74, 320.87°)
OKLaboklab(55.75% 0.1714 -0.1558)
OKLCHoklch(55.75% 0.232 317.7)
XYZxyz(27.7465, 14.6570, 56.6146)
Luminance0.1466 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A830C9 #51C930
analogous
#5C30C9 #A830C9 #C9309E
triadic
#A830C9 #C9A830 #30C9A8
tetradic
#A830C9 #C95C30 #51C930 #309EC9
square
#A830C9 #C95C30 #51C930 #309EC9
split-complementary
#A830C9 #9EC930 #30C95C
monochromatic
#551866 #7F2498 #A830C9 #BE5ED8 #D28FE4

Accessibility & contrast

On white

5.34
#A830C9 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.93
#A830C9 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A830C9
5.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A830C9#FFFFFF#000000##FFFFFF
##A830C91.005.343.935.34
#FFFFFF5.341.0021.001.00
#0000003.9321.001.0021.00
##FFFFFF5.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0063CD
Deuteranopia (green-blind)
#356EC6
Tritanopia (blue-blind)
#A7517B
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #a830c9;
/* rgb */ color: rgb(168, 48, 201);
/* oklch */ color: oklch(55.8% 0.232 317.7);
Tailwind
colors: {
  custom: {
    50: '#c676da',
    500: '#a830c9',
    950: '#000000',
  },
}
SCSS
$custom: #a830c9;
$custom-light: #c676da;
$custom-dark: #000000;
JSON
{
  "hex": "#a830c9",
  "rgb": {
    "r": 168,
    "g": 48,
    "b": 201
  },
  "hsl": {
    "h": 287.059,
    "s": 61.446,
    "l": 48.824
  },
  "oklch": {
    "l": 0.55754,
    "c": 0.23164,
    "h": 317.7
  },
  "luminance": 0.14656
}

Semantic roles & 50–950 ramp

primary
#A830C9
secondary
#96CF86
accent
#E54366
background
#FCF7FD
surface
#F9EEFB
border
#D2C9D4
text
#140915
muted
#827B83

Preview Lab

Preview with #A830C9

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

Preview Lab → · Contrast checker → · Palette generator →

#A830C9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva