#98205C#98205C

#98205C is a mid, vivid pink. Relative luminance 0.085; OKLCH L 46.1% C 0.163 H 355.5°. Best body text is #FFFFFF at 7.79:1 contrast (WCAG AA passes).

Color values

HEX#98205C
RGBrgb(152, 32, 92)
HSLhsl(330, 65%, 36%)
HSVhsv(330, 79%, 60%)
CMYKcmyk(0%, 78.9%, 39.5%, 40.4%)
CIE-LABlab(34.97, 52.88, -5.13)
CIE-LCHlch(34.97, 53.12, 354.46°)
OKLaboklab(46.09% 0.1625 -0.0128)
OKLCHoklch(46.09% 0.163 355.5)
XYZxyz(15.3982, 8.4831, 10.9497)
Luminance0.0848 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#98205C #20985C
analogous
#982098 #98205C #982020
triadic
#98205C #5C9820 #205C98
tetradic
#98205C #989820 #20985C #202098
square
#98205C #989820 #20985C #202098
split-complementary
#98205C #209820 #209898
monochromatic
#330B1F #65153D #98205C #CB2B7B #DC5799

Accessibility & contrast

On white

7.79
#98205C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.70
#98205C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #98205C
7.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##98205C#FFFFFF#000000##FFFFFF
##98205C1.007.792.707.79
#FFFFFF7.791.0021.001.00
#0000002.7021.001.0021.00
##FFFFFF7.791.0021.001.00

Color blindness preview

Protanopia (red-blind)
#39445D
Deuteranopia (green-blind)
#5A5A59
Tritanopia (blue-blind)
#A50F3B
Achromatopsia (no color)
#525252

Design tokens & code

CSS
--color: #98205c;
/* rgb */ color: rgb(152, 32, 92);
/* oklch */ color: oklch(46.1% 0.163 355.5);
Tailwind
colors: {
  custom: {
    50: '#bb698a',
    500: '#98205c',
    950: '#000000',
  },
}
SCSS
$custom: #98205c;
$custom-light: #bb698a;
$custom-dark: #000000;
JSON
{
  "hex": "#98205c",
  "rgb": {
    "r": 152,
    "g": 32,
    "b": 92
  },
  "hsl": {
    "h": 330,
    "s": 65.217,
    "l": 36.078
  },
  "oklch": {
    "l": 0.4609,
    "c": 0.16305,
    "h": 355.5
  },
  "luminance": 0.08481
}

Semantic roles & 50–950 ramp

primary
#98205C
secondary
#54BF8A
accent
#E89440
background
#FCF6F8
surface
#F8EBF0
border
#D1C6CB
text
#13070B
muted
#827A7C

Preview Lab

Preview with #98205C

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

Preview Lab → · Contrast checker → · Palette generator →

#98205C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva