#701D35#701D35

#701D35 is a dark, moderate pink. Relative luminance 0.046; OKLCH L 37.3% C 0.117 H 7.6°. Best body text is #FFFFFF at 10.96:1 contrast (WCAG AA passes).

Color values

HEX#701D35
RGBrgb(112, 29, 53)
HSLhsl(343, 59%, 28%)
HSVhsv(343, 74%, 44%)
CMYKcmyk(0%, 74.1%, 52.7%, 56.1%)
CIE-LABlab(25.51, 38.04, 5.96)
CIE-LCHlch(25.51, 38.51, 8.91°)
OKLaboklab(37.29% 0.1159 0.0154)
OKLCHoklch(37.29% 0.117 7.6)
XYZxyz(7.7647, 4.5815, 3.8429)
Luminance0.0458 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#701D35 #1D7058
analogous
#701D5E #701D35 #702F1D
triadic
#701D35 #35701D #1D3570
tetradic
#701D35 #5E701D #1D7058 #2F1D70
square
#701D35 #5E701D #1D7058 #2F1D70
split-complementary
#701D35 #1D702F #1D5E70
monochromatic
#18060C #3F101E #701D35 #A12A4C #CC3B65

Accessibility & contrast

On white

10.96
#701D35 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.92
#701D35 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #701D35
10.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##701D35#FFFFFF#000000##FFFFFF
##701D351.0010.961.9210.96
#FFFFFF10.961.0021.001.00
#0000001.9221.001.0021.00
##FFFFFF10.961.0021.001.00

Color blindness preview

Protanopia (red-blind)
#313235
Deuteranopia (green-blind)
#464333
Tritanopia (blue-blind)
#7A0D27
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #701d35;
/* rgb */ color: rgb(112, 29, 53);
/* oklch */ color: oklch(37.3% 0.117 7.6);
Tailwind
colors: {
  custom: {
    50: '#9e606c',
    500: '#701d35',
    950: '#000000',
  },
}
SCSS
$custom: #701d35;
$custom-light: #9e606c;
$custom-dark: #000000;
JSON
{
  "hex": "#701d35",
  "rgb": {
    "r": 112,
    "g": 29,
    "b": 53
  },
  "hsl": {
    "h": 342.651,
    "s": 58.865,
    "l": 27.647
  },
  "oklch": {
    "l": 0.37287,
    "c": 0.11687,
    "h": 7.6
  },
  "luminance": 0.04581
}

Semantic roles & 50–950 ramp

primary
#701D35
secondary
#44A489
accent
#E2B546
background
#FAF5F6
surface
#F4EAEB
border
#CEC6C6
text
#0F0506
muted
#7F797A

Preview Lab

Preview with #701D35

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

Preview Lab → · Contrast checker → · Palette generator →

#701D35 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva