#7D635C#7D635C

#7D635C is a mid, muted red. Relative luminance 0.141; OKLCH L 52.3% C 0.036 H 35.5°. Best body text is #FFFFFF at 5.51:1 contrast (WCAG AA passes).

Color values

HEX	#7D635C
RGB	rgb(125, 99, 92)
HSL	hsl(13, 15%, 43%)
HSV	hsv(13, 26%, 49%)
CMYK	cmyk(0%, 20.8%, 26.4%, 51%)
CIE-LAB	lab(44.31, 9.33, 7.96)
CIE-LCH	lch(44.31, 12.26, 40.47°)
OKLab	oklab(52.35% 0.029 0.0207)
OKLCH	oklch(52.35% 0.036 35.5)
XYZ	xyz(14.8512, 14.0570, 12.0541)
Luminance	0.1406 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#7D635C #5C767D

analogous

#7D5C66 #7D635C #7D735C

triadic

#7D635C #5C7D63 #635C7D

tetradic

#7D635C #667D5C #5C767D #735C7D

square

#7D635C #667D5C #5C767D #735C7D

split-complementary

#7D635C #5C7D73 #5C667D

monochromatic

#362B28 #5A4742 #7D635C #9D8179 #B7A29D

Accessibility & contrast

On white

5.51

#7D635C on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.81

#7D635C on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7D635C

5.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##7D635C	#FFFFFF	#000000	##FFFFFF
##7D635C	1.00	5.51	3.81	5.51
#FFFFFF	5.51	1.00	21.00	1.00
#000000	3.81	21.00	1.00	21.00
##FFFFFF	5.51	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#69665B

Deuteranopia (green-blind)

#6F6B5C

Tritanopia (blue-blind)

#836061

Achromatopsia (no color)

#696969

Design tokens & code

CSS

--color: #7d635c;
/* rgb */ color: rgb(125, 99, 92);
/* oklch */ color: oklch(52.3% 0.036 35.5);

Tailwind

colors: {
  custom: {
    50: '#a38f8a',
    500: '#7d635c',
    950: '#000000',
  },
}

SCSS

$custom: #7d635c;
$custom-light: #a38f8a;
$custom-dark: #000000;

JSON

{
  "hex": "#7d635c",
  "rgb": {
    "r": 125,
    "g": 99,
    "b": 92
  },
  "hsl": {
    "h": 12.727,
    "s": 15.207,
    "l": 42.549
  },
  "oklch": {
    "l": 0.52348,
    "c": 0.03559,
    "h": 35.5
  },
  "luminance": 0.14056
}

Semantic roles & 50–950 ramp

primary

#7D635C

secondary

#90A1A5

accent

#A9B870

background

#FAF8F8

surface

#F4F0F0

border

#CECBCB

text

#0F0C0B

muted

#7F7D7C

Preview Lab

Preview with #7D635C

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

Preview Lab → · Contrast checker → · Palette generator →