#412C2F#412C2F

#412C2F is a dark, muted red. Relative luminance 0.031; OKLCH L 31.9% C 0.031 H 9.5°. Best body text is #FFFFFF at 12.92:1 contrast (WCAG AA passes).

Color values

HEX#412C2F
RGBrgb(65, 44, 47)
HSLhsl(351, 19%, 21%)
HSVhsv(351, 32%, 25%)
CMYKcmyk(0%, 32.3%, 27.7%, 74.5%)
CIE-LABlab(20.56, 10.24, 1.94)
CIE-LCHlch(20.56, 10.42, 10.73°)
OKLaboklab(31.91% 0.031 0.0052)
OKLCHoklch(31.91% 0.031 9.5)
XYZxyz(3.5938, 3.1306, 3.1037)
Luminance0.0313 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#412C2F #2C413E
analogous
#412C3A #412C2F #41342C
triadic
#412C2F #2F412C #2C2F41
tetradic
#412C2F #3A412C #2C413E #342C41
square
#412C2F #3A412C #2C413E #342C41
split-complementary
#412C2F #2C4134 #2C3A41
monochromatic
#120C0D #1D1315 #412C2F #654549 #8A5D64

Accessibility & contrast

On white

12.92
#412C2F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.63
#412C2F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #412C2F
12.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##412C2F#FFFFFF#000000##FFFFFF
##412C2F1.0012.921.6312.92
#FFFFFF12.921.0021.001.00
#0000001.6321.001.0021.00
##FFFFFF12.921.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2F2F2F
Deuteranopia (green-blind)
#34332F
Tritanopia (blue-blind)
#452A2D
Achromatopsia (no color)
#323232

Design tokens & code

CSS
--color: #412c2f;
/* rgb */ color: rgb(65, 44, 47);
/* oklch */ color: oklch(31.9% 0.031 9.5);
Tailwind
colors: {
  custom: {
    50: '#766567',
    500: '#412c2f',
    950: '#000000',
  },
}
SCSS
$custom: #412c2f;
$custom-light: #766567;
$custom-dark: #000000;
JSON
{
  "hex": "#412c2f",
  "rgb": {
    "r": 65,
    "g": 44,
    "b": 47
  },
  "hsl": {
    "h": 351.429,
    "s": 19.266,
    "l": 21.373
  },
  "oklch": {
    "l": 0.31909,
    "c": 0.03145,
    "h": 9.5
  },
  "luminance": 0.0313
}

Semantic roles & 50–950 ramp

primary
#412C2F
secondary
#57726E
accent
#BCB06C
background
#F7F6F6
surface
#EDEBEB
border
#C8C6C6
text
#080506
muted
#7B7A7A

Preview Lab

Preview with #412C2F

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

Preview Lab → · Contrast checker → · Palette generator →

#412C2F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva