#755D5C#755D5C

#755D5C is a mid, muted red. Relative luminance 0.124; OKLCH L 50.2% C 0.032 H 21.0°. Best body text is #FFFFFF at 6.04:1 contrast (WCAG AA passes).

Color values

HEX	#755D5C
RGB	rgb(117, 93, 92)
HSL	hsl(2, 12%, 41%)
HSV	hsv(2, 21%, 46%)
CMYK	cmyk(0%, 20.5%, 21.4%, 54.1%)
CIE-LAB	lab(41.82, 9.59, 4.28)
CIE-LCH	lch(41.82, 10.50, 24.07°)
OKLab	oklab(50.21% 0.0294 0.0113)
OKLCH	oklch(50.21% 0.032 21)
XYZ	xyz(13.1823, 12.3838, 11.8191)
Luminance	0.1238 (WCAG relative)
Temperature	neutral
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#755D5C #5C7475

analogous

#755C67 #755D5C #75695C

triadic

#755D5C #5C755D #5D5C75

tetradic

#755D5C #67755C #5C7475 #695C75

square

#755D5C #67755C #5C7475 #695C75

split-complementary

#755D5C #5C7569 #5C6775

monochromatic

#302726 #534241 #755D5C #957A79 #B09C9B

Accessibility & contrast

On white

6.04

#755D5C on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.48

#755D5C on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #755D5C

6.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##755D5C	#FFFFFF	#000000	##FFFFFF
##755D5C	1.00	6.04	3.48	6.04
#FFFFFF	6.04	1.00	21.00	1.00
#000000	3.48	21.00	1.00	21.00
##FFFFFF	6.04	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#61605C

Deuteranopia (green-blind)

#67645C

Tritanopia (blue-blind)

#7A5B5D

Achromatopsia (no color)

#636363

Design tokens & code

CSS

--color: #755d5c;
/* rgb */ color: rgb(117, 93, 92);
/* oklch */ color: oklch(50.2% 0.032 21.0);

Tailwind

colors: {
  custom: {
    50: '#9d8b8a',
    500: '#755d5c',
    950: '#000000',
  },
}

SCSS

$custom: #755d5c;
$custom-light: #9d8b8a;
$custom-dark: #000000;

JSON

{
  "hex": "#755d5c",
  "rgb": {
    "r": 117,
    "g": 93,
    "b": 92
  },
  "hsl": {
    "h": 2.4,
    "s": 11.962,
    "l": 40.98
  },
  "oklch": {
    "l": 0.50209,
    "c": 0.03152,
    "h": 21
  },
  "luminance": 0.12383
}

Semantic roles & 50–950 ramp

primary

#755D5C

secondary

#8E9E9F

accent

#B2B573

background

#F9F8F8

surface

#F2F0F0

border

#CCCBCB

text

#0E0C0B

muted

#7E7D7C

Preview Lab

Preview with #755D5C

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

Preview Lab → · Contrast checker → · Palette generator →