#8858F9#8858F9

#8858F9 is a mid, highly saturated violet. Relative luminance 0.191; OKLCH L 59.9% C 0.227 H 291.8°. Best body text is #000000 at 4.81:1 contrast (WCAG AA passes).

Color values

HEX#8858F9
RGBrgb(136, 88, 249)
HSLhsl(258, 93%, 66%)
HSVhsv(258, 65%, 98%)
CMYKcmyk(45.4%, 64.7%, 0%, 2.4%)
CIE-LABlab(50.75, 55.49, -73.76)
CIE-LCHlch(50.75, 92.30, 306.95°)
OKLaboklab(59.94% 0.0843 -0.2111)
OKLCHoklch(59.94% 0.227 291.8)
XYZxyz(30.7372, 19.0522, 91.6621)
Luminance0.1905 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8858F9 #C9F958
analogous
#5878F9 #8858F9 #D858F9
triadic
#8858F9 #F98858 #58F988
tetradic
#8858F9 #F95878 #C9F958 #58F9D8
square
#8858F9 #F95878 #C9F958 #58F9D8
split-complementary
#8858F9 #F9D858 #78F958
monochromatic
#4307CF #5E1DF7 #8858F9 #B293FB #DCCEFD

Accessibility & contrast

On white

4.37
#8858F9 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.81
#8858F9 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #8858F9
4.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8858F9#FFFFFF#000000##000000
##8858F91.004.374.814.81
#FFFFFF4.371.0021.0021.00
#0000004.8121.001.001.00
##0000004.8121.001.001.00

Color blindness preview

Protanopia (red-blind)
#007BFE
Deuteranopia (green-blind)
#0075F6
Tritanopia (blue-blind)
#667FA1
Achromatopsia (no color)
#797979

Design tokens & code

CSS
--color: #8858f9;
/* rgb */ color: rgb(136, 88, 249);
/* oklch */ color: oklch(59.9% 0.227 291.8);
Tailwind
colors: {
  custom: {
    50: '#b38afc',
    500: '#8858f9',
    950: '#000000',
  },
}
SCSS
$custom: #8858f9;
$custom-light: #b38afc;
$custom-dark: #000000;
JSON
{
  "hex": "#8858f9",
  "rgb": {
    "r": 136,
    "g": 88,
    "b": 249
  },
  "hsl": {
    "h": 257.888,
    "s": 93.064,
    "l": 66.078
  },
  "oklch": {
    "l": 0.59941,
    "c": 0.2273,
    "h": 291.8
  },
  "luminance": 0.19053
}

Semantic roles & 50–950 ramp

primary
#8858F9
secondary
#E1F1BC
accent
#E600A1
background
#FBF8FF
surface
#F6F0FF
border
#D0CBD7
text
#120C18
muted
#817D86

Preview Lab

Preview with #8858F9

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

Preview Lab → · Contrast checker → · Palette generator →

#8858F9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva