#882658#882658

#882658 is a dark, vivid pink. Relative luminance 0.073; OKLCH L 43.7% C 0.141 H 353.2°. Best body text is #FFFFFF at 8.52:1 contrast (WCAG AA passes).

Color values

HEX#882658
RGBrgb(136, 38, 88)
HSLhsl(329, 56%, 34%)
HSVhsv(329, 72%, 53%)
CMYKcmyk(0%, 72.1%, 35.3%, 46.7%)
CIE-LABlab(32.54, 45.78, -6.49)
CIE-LCHlch(32.54, 46.24, 351.93°)
OKLaboklab(43.7% 0.1401 -0.0166)
OKLCHoklch(43.7% 0.141 353.2)
XYZxyz(12.6086, 7.3265, 9.9808)
Luminance0.0732 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#882658 #268856
analogous
#872688 #882658 #882627
triadic
#882658 #588826 #265888
tetradic
#882658 #888726 #268856 #262788
square
#882658 #888726 #268856 #262788
split-complementary
#882658 #278826 #268887
monochromatic
#280B1A #581939 #882658 #B83377 #D05895

Accessibility & contrast

On white

8.52
#882658 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.47
#882658 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #882658
8.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##882658#FFFFFF#000000##FFFFFF
##8826581.008.522.478.52
#FFFFFF8.521.0021.001.00
#0000002.4721.001.0021.00
##FFFFFF8.521.0021.001.00

Color blindness preview

Protanopia (red-blind)
#374159
Deuteranopia (green-blind)
#525356
Tritanopia (blue-blind)
#931E3B
Achromatopsia (no color)
#4D4D4D

Design tokens & code

CSS
--color: #882658;
/* rgb */ color: rgb(136, 38, 88);
/* oklch */ color: oklch(43.7% 0.141 353.2);
Tailwind
colors: {
  custom: {
    50: '#af6987',
    500: '#882658',
    950: '#000000',
  },
}
SCSS
$custom: #882658;
$custom-light: #af6987;
$custom-dark: #000000;
JSON
{
  "hex": "#882658",
  "rgb": {
    "r": 136,
    "g": 38,
    "b": 88
  },
  "hsl": {
    "h": 329.388,
    "s": 56.322,
    "l": 34.118
  },
  "oklch": {
    "l": 0.43702,
    "c": 0.14108,
    "h": 353.2
  },
  "luminance": 0.07325
}

Semantic roles & 50–950 ramp

primary
#882658
secondary
#55B584
accent
#E09248
background
#FBF6F8
surface
#F6EBEF
border
#D0C6CA
text
#11070B
muted
#807A7C

Preview Lab

Preview with #882658

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

Preview Lab → · Contrast checker → · Palette generator →

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