#864039#864039

#864039 is a mid, moderate red. Relative luminance 0.090; OKLCH L 46.0% C 0.097 H 27.4°. Best body text is #FFFFFF at 7.48:1 contrast (WCAG AA passes).

Color values

HEX#864039
RGBrgb(134, 64, 57)
HSLhsl(5, 40%, 37%)
HSVhsv(5, 57%, 53%)
CMYKcmyk(0%, 52.2%, 57.5%, 47.5%)
CIE-LABlab(36.05, 29.28, 18.30)
CIE-LCHlch(36.05, 34.53, 32.01°)
OKLaboklab(45.98% 0.0866 0.0448)
OKLCHoklch(45.98% 0.097 27.4)
XYZxyz(12.4044, 9.0319, 4.9602)
Luminance0.0903 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#864039 #397F86
analogous
#863958 #864039 #866739
triadic
#864039 #398640 #403986
tetradic
#864039 #588639 #397F86 #673986
square
#864039 #588639 #397F86 #673986
split-complementary
#864039 #398667 #395886
monochromatic
#301714 #5B2B27 #864039 #B1554B #C47C75

Accessibility & contrast

On white

7.48
#864039 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.81
#864039 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #864039
7.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##864039#FFFFFF#000000##FFFFFF
##8640391.007.482.817.48
#FFFFFF7.481.0021.001.00
#0000002.8121.001.0021.00
##FFFFFF7.481.0021.001.00

Color blindness preview

Protanopia (red-blind)
#514C38
Deuteranopia (green-blind)
#625A38
Tritanopia (blue-blind)
#92353F
Achromatopsia (no color)
#555555

Design tokens & code

CSS
--color: #864039;
/* rgb */ color: rgb(134, 64, 57);
/* oklch */ color: oklch(46.0% 0.097 27.4);
Tailwind
colors: {
  custom: {
    50: '#ad776f',
    500: '#864039',
    950: '#000000',
  },
}
SCSS
$custom: #864039;
$custom-light: #ad776f;
$custom-dark: #000000;
JSON
{
  "hex": "#864039",
  "rgb": {
    "r": 134,
    "g": 64,
    "b": 57
  },
  "hsl": {
    "h": 5.455,
    "s": 40.314,
    "l": 37.451
  },
  "oklch": {
    "l": 0.45982,
    "c": 0.09748,
    "h": 27.4
  },
  "luminance": 0.09031
}

Semantic roles & 50–950 ramp

primary
#864039
secondary
#6DA8AD
accent
#C5D058
background
#FBF7F6
surface
#F6EDEC
border
#D0C8C7
text
#110907
muted
#807B7A

Preview Lab

Preview with #864039

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

Preview Lab → · Contrast checker → · Palette generator →

#864039 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva