#982364#982364

#982364 is a mid, vivid pink. Relative luminance 0.088; OKLCH L 46.6% C 0.164 H 351.5°. Best body text is #FFFFFF at 7.61:1 contrast (WCAG AA passes).

Color values

HEX#982364
RGBrgb(152, 35, 100)
HSLhsl(327, 63%, 37%)
HSVhsv(327, 77%, 60%)
CMYKcmyk(0%, 77%, 34.2%, 40.4%)
CIE-LABlab(35.60, 52.82, -9.32)
CIE-LCHlch(35.60, 53.64, 350.00°)
OKLaboklab(46.64% 0.1618 -0.0241)
OKLCHoklch(46.64% 0.164 351.5)
XYZxyz(15.8511, 8.7995, 12.9178)
Luminance0.0880 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#982364 #239857
analogous
#922398 #982364 #982329
triadic
#982364 #649823 #236498
tetradic
#982364 #989223 #239857 #232998
square
#982364 #989223 #239857 #232998
split-complementary
#982364 #299823 #239892
monochromatic
#350C23 #661843 #982364 #CA2E85 #D95CA2

Accessibility & contrast

On white

7.61
#982364 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.76
#982364 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #982364
7.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##982364#FFFFFF#000000##FFFFFF
##9823641.007.612.767.61
#FFFFFF7.611.0021.001.00
#0000002.7621.001.0021.00
##FFFFFF7.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#384666
Deuteranopia (green-blind)
#595B61
Tritanopia (blue-blind)
#A41940
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #982364;
/* rgb */ color: rgb(152, 35, 100);
/* oklch */ color: oklch(46.6% 0.164 351.5);
Tailwind
colors: {
  custom: {
    50: '#bb6a90',
    500: '#982364',
    950: '#000000',
  },
}
SCSS
$custom: #982364;
$custom-light: #bb6a90;
$custom-dark: #000000;
JSON
{
  "hex": "#982364",
  "rgb": {
    "r": 152,
    "g": 35,
    "b": 100
  },
  "hsl": {
    "h": 326.667,
    "s": 62.567,
    "l": 36.667
  },
  "oklch": {
    "l": 0.46643,
    "c": 0.16362,
    "h": 351.5
  },
  "luminance": 0.08798
}

Semantic roles & 50–950 ramp

primary
#982364
secondary
#59BE86
accent
#E68B42
background
#FCF6F8
surface
#F8ECF0
border
#D1C7CB
text
#12070C
muted
#817A7D

Preview Lab

Preview with #982364

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

Preview Lab → · Contrast checker → · Palette generator →

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