#845BBB#845BBB

#845BBB is a mid, vivid violet. Relative luminance 0.160; OKLCH L 55.8% C 0.147 H 301.5°. Best body text is #FFFFFF at 5.01:1 contrast (WCAG AA passes).

Color values

HEX#845BBB
RGBrgb(132, 91, 187)
HSLhsl(266, 41%, 55%)
HSVhsv(266, 51%, 73%)
CMYKcmyk(29.4%, 51.3%, 0%, 26.7%)
CIE-LABlab(46.94, 36.73, -44.66)
CIE-LCHlch(46.94, 57.82, 309.44°)
OKLaboklab(55.78% 0.0771 -0.1257)
OKLCHoklch(55.78% 0.147 301.5)
XYZxyz(22.2244, 15.9755, 48.9168)
Luminance0.1598 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#845BBB #92BB5B
analogous
#5B62BB #845BBB #B45BBB
triadic
#845BBB #BB845B #5BBB84
tetradic
#845BBB #BB5B62 #92BB5B #5BBBB4
square
#845BBB #BB5B62 #92BB5B #5BBBB4
split-complementary
#845BBB #BBB45B #62BB5B
monochromatic
#492E6E #664099 #845BBB #A486CD #C5B2DF

Accessibility & contrast

On white

5.01
#845BBB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.20
#845BBB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #845BBB
5.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##845BBB#FFFFFF#000000##FFFFFF
##845BBB1.005.014.205.01
#FFFFFF5.011.0021.001.00
#0000004.2021.001.0021.00
##FFFFFF5.011.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3B6FBE
Deuteranopia (green-blind)
#466FB9
Tritanopia (blue-blind)
#796D82
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #845bbb;
/* rgb */ color: rgb(132, 91, 187);
/* oklch */ color: oklch(55.8% 0.147 301.5);
Tailwind
colors: {
  custom: {
    50: '#aa8ad0',
    500: '#845bbb',
    950: '#000000',
  },
}
SCSS
$custom: #845bbb;
$custom-light: #aa8ad0;
$custom-dark: #000000;
JSON
{
  "hex": "#845bbb",
  "rgb": {
    "r": 132,
    "g": 91,
    "b": 187
  },
  "hsl": {
    "h": 265.625,
    "s": 41.379,
    "l": 54.51
  },
  "oklch": {
    "l": 0.55783,
    "c": 0.14746,
    "h": 301.5
  },
  "luminance": 0.15976
}

Semantic roles & 50–950 ramp

primary
#845BBB
secondary
#BCCDA5
accent
#D1579D
background
#FAF8FC
surface
#F4F0F9
border
#CECBD2
text
#100C14
muted
#7F7D82

Preview Lab

Preview with #845BBB

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

Preview Lab → · Contrast checker → · Palette generator →

#845BBB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva