#6D342D#6D342D

#6D342D is a dark, moderate red. Relative luminance 0.059; OKLCH L 39.9% C 0.083 H 28.5°. Best body text is #FFFFFF at 9.64:1 contrast (WCAG AA passes).

Color values

HEX#6D342D
RGBrgb(109, 52, 45)
HSLhsl(7, 42%, 30%)
HSVhsv(7, 59%, 43%)
CMYKcmyk(0%, 52.3%, 58.7%, 57.3%)
CIE-LABlab(29.15, 24.58, 16.14)
CIE-LCHlch(29.15, 29.41, 33.28°)
OKLaboklab(39.86% 0.0726 0.0394)
OKLCHoklch(39.86% 0.083 28.5)
XYZxyz(8.0089, 5.8975, 3.1987)
Luminance0.0590 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6D342D #2D666D
analogous
#6D2D46 #6D342D #6D542D
triadic
#6D342D #2D6D34 #342D6D
tetradic
#6D342D #466D2D #2D666D #542D6D
square
#6D342D #466D2D #2D666D #542D6D
split-complementary
#6D342D #2D6D54 #2D466D
monochromatic
#160B09 #421F1B #6D342D #98493F #BB645A

Accessibility & contrast

On white

9.64
#6D342D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.18
#6D342D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #6D342D
9.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6D342D#FFFFFF#000000##FFFFFF
##6D342D1.009.642.189.64
#FFFFFF9.641.0021.001.00
#0000002.1821.001.0021.00
##FFFFFF9.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#423D2C
Deuteranopia (green-blind)
#50492C
Tritanopia (blue-blind)
#772B32
Achromatopsia (no color)
#454545

Design tokens & code

CSS
--color: #6d342d;
/* rgb */ color: rgb(109, 52, 45);
/* oklch */ color: oklch(39.9% 0.083 28.5);
Tailwind
colors: {
  custom: {
    50: '#9b6d66',
    500: '#6d342d',
    950: '#000000',
  },
}
SCSS
$custom: #6d342d;
$custom-light: #9b6d66;
$custom-dark: #000000;
JSON
{
  "hex": "#6d342d",
  "rgb": {
    "r": 109,
    "g": 52,
    "b": 45
  },
  "hsl": {
    "h": 6.562,
    "s": 41.558,
    "l": 30.196
  },
  "oklch": {
    "l": 0.39859,
    "c": 0.08259,
    "h": 28.5
  },
  "luminance": 0.05897
}

Semantic roles & 50–950 ramp

primary
#6D342D
secondary
#57979F
accent
#C4D156
background
#F9F6F6
surface
#F2EBEB
border
#CCC6C6
text
#0F0705
muted
#7E7A7A

Preview Lab

Preview with #6D342D

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

Preview Lab → · Contrast checker → · Palette generator →

#6D342D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva