#97688A#97688A

#97688A is a mid, moderate pink. Relative luminance 0.183; OKLCH L 57.7% C 0.076 H 337.1°. Best body text is #000000 at 4.66:1 contrast (WCAG AA passes).

Color values

HEX#97688A
RGBrgb(151, 104, 138)
HSLhsl(317, 18%, 50%)
HSVhsv(317, 31%, 59%)
CMYKcmyk(0%, 31.1%, 8.6%, 40.8%)
CIE-LABlab(49.88, 24.43, -11.13)
CIE-LCHlch(49.88, 26.85, 335.50°)
OKLaboklab(57.75% 0.0704 -0.0297)
OKLCHoklch(57.75% 0.076 337.1)
XYZxyz(22.3001, 18.3159, 26.4005)
Luminance0.1832 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#97688A #689775
analogous
#8C6897 #97688A #976873
triadic
#97688A #8A9768 #688A97
tetradic
#97688A #978C68 #689775 #687397
square
#97688A #978C68 #689775 #687397
split-complementary
#97688A #739768 #68978C
monochromatic
#4F3648 #734F69 #97688A #B08CA6 #C9B0C2

Accessibility & contrast

On white

4.50
#97688A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.66
#97688A on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #97688A
4.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##97688A#FFFFFF#000000##000000
##97688A1.004.504.664.66
#FFFFFF4.501.0021.0021.00
#0000004.6621.001.001.00
##0000004.6621.001.001.00

Color blindness preview

Protanopia (red-blind)
#69728B
Deuteranopia (green-blind)
#747989
Tritanopia (blue-blind)
#9C6974
Achromatopsia (no color)
#777777

Design tokens & code

CSS
--color: #97688a;
/* rgb */ color: rgb(151, 104, 138);
/* oklch */ color: oklch(57.7% 0.076 337.1);
Tailwind
colors: {
  custom: {
    50: '#b693ac',
    500: '#97688a',
    950: '#000000',
  },
}
SCSS
$custom: #97688a;
$custom-light: #b693ac;
$custom-dark: #000000;
JSON
{
  "hex": "#97688a",
  "rgb": {
    "r": 151,
    "g": 104,
    "b": 138
  },
  "hsl": {
    "h": 316.596,
    "s": 18.431,
    "l": 50
  },
  "oklch": {
    "l": 0.57749,
    "c": 0.07636,
    "h": 337.1
  },
  "luminance": 0.18315
}

Semantic roles & 50–950 ramp

primary
#97688A
secondary
#A3B8A9
accent
#BB826D
background
#FBF9FA
surface
#F6F1F4
border
#D0CBCE
text
#110D10
muted
#807E7F

Preview Lab

Preview with #97688A

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

Preview Lab → · Contrast checker → · Palette generator →

#97688A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva