#835649#835649

#835649 is a mid, moderate red. Relative luminance 0.120; OKLCH L 49.9% C 0.064 H 36.8°. Best body text is #FFFFFF at 6.19:1 contrast (WCAG AA passes).

Color values

HEX#835649
RGBrgb(131, 86, 73)
HSLhsl(13, 28%, 40%)
HSVhsv(13, 44%, 51%)
CMYKcmyk(0%, 34.4%, 44.3%, 48.6%)
CIE-LABlab(41.16, 17.00, 15.20)
CIE-LCHlch(41.16, 22.81, 41.80°)
OKLaboklab(49.91% 0.0511 0.0382)
OKLCHoklch(49.91% 0.064 36.8)
XYZxyz(13.8911, 11.9630, 7.8795)
Luminance0.1196 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#835649 #497683
analogous
#834959 #835649 #837349
triadic
#835649 #498356 #564983
tetradic
#835649 #598349 #497683 #734983
square
#835649 #598349 #497683 #734983
split-complementary
#835649 #498373 #495983
monochromatic
#34221D #5C3C33 #835649 #A77162 #BD9589

Accessibility & contrast

On white

6.19
#835649 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.39
#835649 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #835649
6.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##835649#FFFFFF#000000##FFFFFF
##8356491.006.193.396.19
#FFFFFF6.191.0021.001.00
#0000003.3921.001.0021.00
##FFFFFF6.191.0021.001.00

Color blindness preview

Protanopia (red-blind)
#615B48
Deuteranopia (green-blind)
#6B6549
Tritanopia (blue-blind)
#8D4F53
Achromatopsia (no color)
#616161

Design tokens & code

CSS
--color: #835649;
/* rgb */ color: rgb(131, 86, 73);
/* oklch */ color: oklch(49.9% 0.064 36.8);
Tailwind
colors: {
  custom: {
    50: '#a9867b',
    500: '#835649',
    950: '#000000',
  },
}
SCSS
$custom: #835649;
$custom-light: #a9867b;
$custom-dark: #000000;
JSON
{
  "hex": "#835649",
  "rgb": {
    "r": 131,
    "g": 86,
    "b": 73
  },
  "hsl": {
    "h": 13.448,
    "s": 28.431,
    "l": 40
  },
  "oklch": {
    "l": 0.49914,
    "c": 0.06381,
    "h": 36.8
  },
  "luminance": 0.11962
}

Semantic roles & 50–950 ramp

primary
#835649
secondary
#7FA0A9
accent
#AFC563
background
#FAF8F7
surface
#F4EFEE
border
#CECAC9
text
#100B09
muted
#7F7C7B

Preview Lab

Preview with #835649

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

Preview Lab → · Contrast checker → · Palette generator →

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