#70524E#70524E

#70524E is a mid, muted red. Relative luminance 0.100; OKLCH L 46.9% C 0.041 H 27.3°. Best body text is #FFFFFF at 6.99:1 contrast (WCAG AA passes).

Color values

HEX	#70524E
RGB	rgb(112, 82, 78)
HSL	hsl(7, 18%, 37%)
HSV	hsv(7, 30%, 44%)
CMYK	cmyk(0%, 26.8%, 30.4%, 56.1%)
CIE-LAB	lab(37.90, 11.90, 7.25)
CIE-LCH	lch(37.90, 13.94, 31.35°)
OKLab	oklab(46.91% 0.0365 0.0189)
OKLCH	oklch(46.91% 0.041 27.3)
XYZ	xyz(11.0748, 10.0300, 8.5589)
Luminance	0.1003 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#70524E #4E6C70

analogous

#704E5B #70524E #70634E

triadic

#70524E #4E7052 #524E70

tetradic

#70524E #5B704E #4E6C70 #634E70

square

#70524E #5B704E #4E6C70 #634E70

split-complementary

#70524E #4E7063 #4E5B70

monochromatic

#281D1C #4C3835 #70524E #946C67 #AE8F8B

Accessibility & contrast

On white

6.99

#70524E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.01

#70524E on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #70524E

6.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##70524E	#FFFFFF	#000000	##FFFFFF
##70524E	1.00	6.99	3.01	6.99
#FFFFFF	6.99	1.00	21.00	1.00
#000000	3.01	21.00	1.00	21.00
##FFFFFF	6.99	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#58564E

Deuteranopia (green-blind)

#5F5B4E

Tritanopia (blue-blind)

#774E51

Achromatopsia (no color)

#595959

Design tokens & code

CSS

--color: #70524e;
/* rgb */ color: rgb(112, 82, 78);
/* oklch */ color: oklch(46.9% 0.041 27.3);

Tailwind

colors: {
  custom: {
    50: '#9a827f',
    500: '#70524e',
    950: '#000000',
  },
}

SCSS

$custom: #70524e;
$custom-light: #9a827f;
$custom-dark: #000000;

JSON

{
  "hex": "#70524e",
  "rgb": {
    "r": 112,
    "g": 82,
    "b": 78
  },
  "hsl": {
    "h": 7.059,
    "s": 17.895,
    "l": 37.255
  },
  "oklch": {
    "l": 0.46914,
    "c": 0.04104,
    "h": 27.3
  },
  "luminance": 0.10029
}

Semantic roles & 50–950 ramp

primary

#70524E

secondary

#7F989B

accent

#B1BB6D

background

#F9F8F7

surface

#F2EFEE

border

#CCCAC9

text

#0E0A0A

muted

#7E7C7C

Preview Lab

Preview with #70524E

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

Preview Lab → · Contrast checker → · Palette generator →