#8526AE#8526AE

#8526AE is a mid, highly saturated purple. Relative luminance 0.094; OKLCH L 48.2% C 0.206 H 313.0°. Best body text is #FFFFFF at 7.28:1 contrast (WCAG AA passes).

Color values

HEX#8526AE
RGBrgb(133, 38, 174)
HSLhsl(282, 64%, 42%)
HSVhsv(282, 78%, 68%)
CMYKcmyk(23.6%, 78.2%, 0%, 31.8%)
CIE-LABlab(36.80, 59.58, -53.28)
CIE-LCHlch(36.80, 79.93, 318.19°)
OKLaboklab(48.19% 0.1405 -0.1507)
OKLCHoklch(48.19% 0.206 313)
XYZxyz(18.0046, 9.4293, 40.9078)
Luminance0.0943 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8526AE #4FAE26
analogous
#4126AE #8526AE #AE2693
triadic
#8526AE #AE8526 #26AE85
tetradic
#8526AE #AE4126 #4FAE26 #2693AE
square
#8526AE #AE4126 #4FAE26 #2693AE
split-complementary
#8526AE #93AE26 #26AE41
monochromatic
#38104A #5F1B7C #8526AE #A73DD5 #BE6FE0

Accessibility & contrast

On white

7.28
#8526AE on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.89
#8526AE on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #8526AE
7.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8526AE#FFFFFF#000000##FFFFFF
##8526AE1.007.282.897.28
#FFFFFF7.281.0021.001.00
#0000002.8921.001.0021.00
##FFFFFF7.281.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0052B2
Deuteranopia (green-blind)
#1359AB
Tritanopia (blue-blind)
#80476A
Achromatopsia (no color)
#575757

Design tokens & code

CSS
--color: #8526ae;
/* rgb */ color: rgb(133, 38, 174);
/* oklch */ color: oklch(48.2% 0.206 313.0);
Tailwind
colors: {
  custom: {
    50: '#ad6cc7',
    500: '#8526ae',
    950: '#000000',
  },
}
SCSS
$custom: #8526ae;
$custom-light: #ad6cc7;
$custom-dark: #000000;
JSON
{
  "hex": "#8526ae",
  "rgb": {
    "r": 133,
    "g": 38,
    "b": 174
  },
  "hsl": {
    "h": 281.912,
    "s": 64.151,
    "l": 41.569
  },
  "oklch": {
    "l": 0.48194,
    "c": 0.20605,
    "h": 313
  },
  "luminance": 0.09429
}

Semantic roles & 50–950 ramp

primary
#8526AE
secondary
#86C66A
accent
#E74173
background
#FBF6FC
surface
#F6ECF8
border
#D0C7D1
text
#110713
muted
#807A82

Preview Lab

Preview with #8526AE

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

Preview Lab → · Contrast checker → · Palette generator →

#8526AE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva