#831270#831270

#831270 is a dark, vivid pink. Relative luminance 0.064; OKLCH L 42.4% C 0.173 H 336.6°. Best body text is #FFFFFF at 9.19:1 contrast (WCAG AA passes).

Color values

HEX#831270
RGBrgb(131, 18, 112)
HSLhsl(310, 76%, 29%)
HSVhsv(310, 86%, 51%)
CMYKcmyk(0%, 86.3%, 14.5%, 48.6%)
CIE-LABlab(30.47, 53.98, -25.22)
CIE-LCHlch(30.47, 59.58, 334.96°)
OKLaboklab(42.38% 0.1591 -0.0688)
OKLCHoklch(42.38% 0.173 336.6)
XYZxyz(12.5013, 6.4290, 15.9086)
Luminance0.0643 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#831270 #128325
analogous
#5E1283 #831270 #831238
triadic
#831270 #708312 #127083
tetradic
#831270 #835E12 #128325 #123883
square
#831270 #835E12 #128325 #123883
split-complementary
#831270 #388312 #12835E
monochromatic
#1B0417 #4D0B42 #831270 #B9199E #E22DC4

Accessibility & contrast

On white

9.19
#831270 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.29
#831270 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #831270
9.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##831270#FFFFFF#000000##FFFFFF
##8312701.009.192.299.19
#FFFFFF9.191.0021.001.00
#0000002.2921.001.0021.00
##FFFFFF9.191.0021.001.00

Color blindness preview

Protanopia (red-blind)
#153D72
Deuteranopia (green-blind)
#404E6E
Tritanopia (blue-blind)
#8A1C42
Achromatopsia (no color)
#484848

Design tokens & code

CSS
--color: #831270;
/* rgb */ color: rgb(131, 18, 112);
/* oklch */ color: oklch(42.4% 0.173 336.6);
Tailwind
colors: {
  custom: {
    50: '#ab6199',
    500: '#831270',
    950: '#000000',
  },
}
SCSS
$custom: #831270;
$custom-light: #ab6199;
$custom-dark: #000000;
JSON
{
  "hex": "#831270",
  "rgb": {
    "r": 131,
    "g": 18,
    "b": 112
  },
  "hsl": {
    "h": 310.088,
    "s": 75.839,
    "l": 29.216
  },
  "oklch": {
    "l": 0.42377,
    "c": 0.17336,
    "h": 336.6
  },
  "luminance": 0.06428
}

Semantic roles & 50–950 ramp

primary
#831270
secondary
#38B84E
accent
#F25535
background
#FAF6F9
surface
#F5EBF2
border
#CFC6CC
text
#11060E
muted
#807A7E

Preview Lab

Preview with #831270

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

Preview Lab → · Contrast checker → · Palette generator →

#831270 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva