#704164#704164

#704164 is a dark, moderate pink. Relative luminance 0.081; OKLCH L 44.4% C 0.082 H 337.0°. Best body text is #FFFFFF at 7.99:1 contrast (WCAG AA passes).

Color values

HEX#704164
RGBrgb(112, 65, 100)
HSLhsl(315, 27%, 35%)
HSVhsv(315, 42%, 44%)
CMYKcmyk(0%, 42%, 10.7%, 56.1%)
CIE-LABlab(34.29, 25.97, -11.92)
CIE-LCHlch(34.29, 28.58, 335.35°)
OKLaboklab(44.39% 0.0752 -0.0319)
OKLCHoklch(44.39% 0.082 337)
XYZxyz(10.8726, 8.1460, 13.0538)
Luminance0.0814 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#704164 #41704D
analogous
#654170 #704164 #70414D
triadic
#704164 #647041 #416470
tetradic
#704164 #706541 #41704D #414D70
square
#704164 #706541 #41704D #414D70
split-complementary
#704164 #4D7041 #417065
monochromatic
#23141F #492B41 #704164 #975787 #B27AA3

Accessibility & contrast

On white

7.99
#704164 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

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

Best text color

#FFFFFF on #704164
7.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##704164#FFFFFF#000000##FFFFFF
##7041641.007.992.637.99
#FFFFFF7.991.0021.001.00
#0000002.6321.001.0021.00
##FFFFFF7.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#424C65
Deuteranopia (green-blind)
#4E5363
Tritanopia (blue-blind)
#75434E
Achromatopsia (no color)
#515151

Design tokens & code

CSS
--color: #704164;
/* rgb */ color: rgb(112, 65, 100);
/* oklch */ color: oklch(44.4% 0.082 337.0);
Tailwind
colors: {
  custom: {
    50: '#9a7790',
    500: '#704164',
    950: '#000000',
  },
}
SCSS
$custom: #704164;
$custom-light: #9a7790;
$custom-dark: #000000;
JSON
{
  "hex": "#704164",
  "rgb": {
    "r": 112,
    "g": 65,
    "b": 100
  },
  "hsl": {
    "h": 315.319,
    "s": 26.554,
    "l": 34.706
  },
  "oklch": {
    "l": 0.44386,
    "c": 0.08172,
    "h": 337
  },
  "luminance": 0.08145
}

Semantic roles & 50–950 ramp

primary
#704164
secondary
#709D7B
accent
#C37D65
background
#F9F7F8
surface
#F2EDF0
border
#CCC8CB
text
#0E080C
muted
#7E7B7D

Preview Lab

Preview with #704164

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

Preview Lab → · Contrast checker → · Palette generator →

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