#8725BE#8725BE

#8725BE is a mid, highly saturated violet. Relative luminance 0.102; OKLCH L 49.6% C 0.222 H 309.3°. Best body text is #FFFFFF at 6.91:1 contrast (WCAG AA passes).

Color values

HEX#8725BE
RGBrgb(135, 37, 190)
HSLhsl(278, 67%, 45%)
HSVhsv(278, 81%, 75%)
CMYKcmyk(28.9%, 80.5%, 0%, 25.5%)
CIE-LABlab(38.19, 63.57, -60.49)
CIE-LCHlch(38.19, 87.75, 316.42°)
OKLaboklab(49.6% 0.1404 -0.1718)
OKLCHoklch(49.6% 0.222 309.3)
XYZxyz(19.9456, 10.1921, 49.6218)
Luminance0.1019 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8725BE #5CBE25
analogous
#3A25BE #8725BE #BE25A9
triadic
#8725BE #BE8725 #25BE87
tetradic
#8725BE #BE3A25 #5CBE25 #25A9BE
square
#8725BE #BE3A25 #5CBE25 #25A9BE
split-complementary
#8725BE #A9BE25 #25BE3A
monochromatic
#3E1158 #631B8B #8725BE #A545DB #BE79E5

Accessibility & contrast

On white

6.91
#8725BE on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.04
#8725BE on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #8725BE
6.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8725BE#FFFFFF#000000##FFFFFF
##8725BE1.006.913.046.91
#FFFFFF6.911.0021.001.00
#0000003.0421.001.0021.00
##FFFFFF6.911.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0056C2
Deuteranopia (green-blind)
#005BBB
Tritanopia (blue-blind)
#7F4D73
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #8725be;
/* rgb */ color: rgb(135, 37, 190);
/* oklch */ color: oklch(49.6% 0.222 309.3);
Tailwind
colors: {
  custom: {
    50: '#af6cd3',
    500: '#8725be',
    950: '#000000',
  },
}
SCSS
$custom: #8725be;
$custom-light: #af6cd3;
$custom-dark: #000000;
JSON
{
  "hex": "#8725be",
  "rgb": {
    "r": 135,
    "g": 37,
    "b": 190
  },
  "hsl": {
    "h": 278.431,
    "s": 67.401,
    "l": 44.51
  },
  "oklch": {
    "l": 0.49604,
    "c": 0.22191,
    "h": 309.3
  },
  "luminance": 0.10192
}

Semantic roles & 50–950 ramp

primary
#8725BE
secondary
#93CD72
accent
#EA3E7C
background
#FBF6FD
surface
#F6ECFA
border
#D0C7D3
text
#110814
muted
#807B83

Preview Lab

Preview with #8725BE

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

Preview Lab → · Contrast checker → · Palette generator →

#8725BE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva