#8B87FC#8B87FC

#8B87FC is a light, vivid blue. Relative luminance 0.298; OKLCH L 68.0% C 0.169 H 282.5°. Best body text is #000000 at 6.97:1 contrast (WCAG AA passes).

Color values

HEX#8B87FC
RGBrgb(139, 135, 252)
HSLhsl(242, 95%, 76%)
HSVhsv(242, 46%, 99%)
CMYKcmyk(44.8%, 46.4%, 0%, 1.2%)
CIE-LABlab(61.52, 30.54, -58.05)
CIE-LCHlch(61.52, 65.60, 297.75°)
OKLaboklab(68.03% 0.0365 -0.1647)
OKLCHoklch(68.03% 0.169 282.5)
XYZxyz(36.8769, 29.8435, 95.8939)
Luminance0.2984 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8B87FC #F8FC87
analogous
#87BDFC #8B87FC #C587FC
triadic
#8B87FC #FC8B87 #87FC8B
tetradic
#8B87FC #FC87BD #F8FC87 #87FCC5
square
#8B87FC #FC87BD #F8FC87 #87FCC5
split-complementary
#8B87FC #FCC587 #BDFC87
monochromatic
#1810F9 #514BFB #8B87FC #C5C3FD #E2E1FE

Accessibility & contrast

On white

3.01
#8B87FC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.97
#8B87FC on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #8B87FC
6.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8B87FC#FFFFFF#000000##000000
##8B87FC1.003.016.976.97
#FFFFFF3.011.0021.0021.00
#0000006.9721.001.001.00
##0000006.9721.001.001.00

Color blindness preview

Protanopia (red-blind)
#5799FF
Deuteranopia (green-blind)
#5191F9
Tritanopia (blue-blind)
#669FB5
Achromatopsia (no color)
#959595

Design tokens & code

CSS
--color: #8b87fc;
/* rgb */ color: rgb(139, 135, 252);
/* oklch */ color: oklch(68.0% 0.169 282.5);
Tailwind
colors: {
  custom: {
    50: '#b2aafe',
    500: '#8b87fc',
    950: '#000000',
  },
}
SCSS
$custom: #8b87fc;
$custom-light: #b2aafe;
$custom-dark: #000000;
JSON
{
  "hex": "#8b87fc",
  "rgb": {
    "r": 139,
    "g": 135,
    "b": 252
  },
  "hsl": {
    "h": 242.051,
    "s": 95.122,
    "l": 75.882
  },
  "oklch": {
    "l": 0.68029,
    "c": 0.16868,
    "h": 282.5
  },
  "luminance": 0.29845
}

Semantic roles & 50–950 ramp

primary
#8B87FC
secondary
#F5F6D5
accent
#E600DE
background
#FBFAFF
surface
#F6F4FF
border
#D0CED7
text
#111018
muted
#807F86

Preview Lab

Preview with #8B87FC

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

Preview Lab → · Contrast checker → · Palette generator →

#8B87FC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva