#972245#972245

#972245 is a mid, vivid pink. Relative luminance 0.082; OKLCH L 45.3% C 0.153 H 8.4°. Best body text is #FFFFFF at 7.98:1 contrast (WCAG AA passes).

Color values

HEX#972245
RGBrgb(151, 34, 69)
HSLhsl(342, 63%, 36%)
HSVhsv(342, 77%, 59%)
CMYKcmyk(0%, 77.5%, 54.3%, 40.8%)
CIE-LABlab(34.30, 49.78, 8.79)
CIE-LCHlch(34.30, 50.55, 10.01°)
OKLaboklab(45.34% 0.1515 0.0225)
OKLCHoklch(45.34% 0.153 8.4)
XYZxyz(14.4100, 8.1551, 6.4444)
Luminance0.0815 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#972245 #229774
analogous
#972280 #972245 #973A22
triadic
#972245 #459722 #224597
tetradic
#972245 #809722 #229774 #3A2297
square
#972245 #809722 #229774 #3A2297
split-complementary
#972245 #22973A #228097
monochromatic
#330C17 #65172E #972245 #C92D5C #DA5A80

Accessibility & contrast

On white

7.98
#972245 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.63
#972245 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #972245
7.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##972245#FFFFFF#000000##FFFFFF
##9722451.007.982.637.98
#FFFFFF7.981.0021.001.00
#0000002.6321.001.0021.00
##FFFFFF7.981.0021.001.00

Color blindness preview

Protanopia (red-blind)
#404246
Deuteranopia (green-blind)
#5F5942
Tritanopia (blue-blind)
#A50031
Achromatopsia (no color)
#515151

Design tokens & code

CSS
--color: #972245;
/* rgb */ color: rgb(151, 34, 69);
/* oklch */ color: oklch(45.3% 0.153 8.4);
Tailwind
colors: {
  custom: {
    50: '#bc6878',
    500: '#972245',
    950: '#000000',
  },
}
SCSS
$custom: #972245;
$custom-light: #bc6878;
$custom-dark: #000000;
JSON
{
  "hex": "#972245",
  "rgb": {
    "r": 151,
    "g": 34,
    "b": 69
  },
  "hsl": {
    "h": 342.051,
    "s": 63.243,
    "l": 36.275
  },
  "oklch": {
    "l": 0.45338,
    "c": 0.15314,
    "h": 8.4
  },
  "luminance": 0.08153
}

Semantic roles & 50–950 ramp

primary
#972245
secondary
#57BE9F
accent
#E6B542
background
#FCF6F7
surface
#F8EBED
border
#D1C6C8
text
#130708
muted
#827A7B

Preview Lab

Preview with #972245

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

Preview Lab → · Contrast checker → · Palette generator →

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