#A85140#A85140

#A85140 is a mid, moderate red. Relative luminance 0.146; OKLCH L 53.9% C 0.118 H 32.5°. Best body text is #FFFFFF at 5.36:1 contrast (WCAG AA passes).

Color values

HEX#A85140
RGBrgb(168, 81, 64)
HSLhsl(10, 45%, 45%)
HSVhsv(10, 62%, 66%)
CMYKcmyk(0%, 51.8%, 61.9%, 34.1%)
CIE-LABlab(45.06, 34.31, 26.67)
CIE-LCHlch(45.06, 43.45, 37.86°)
OKLaboklab(53.94% 0.0999 0.0636)
OKLCHoklch(53.94% 0.118 32.5)
XYZxyz(20.0180, 14.5822, 6.6100)
Luminance0.1458 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A85140 #4097A8
analogous
#A84063 #A85140 #A88540
triadic
#A85140 #40A851 #5140A8
tetradic
#A85140 #63A840 #4097A8 #8540A8
square
#A85140 #63A840 #4097A8 #8540A8
split-complementary
#A85140 #40A885 #4063A8
monochromatic
#4F261E #7C3C2F #A85140 #C37262 #D49A8E

Accessibility & contrast

On white

5.36
#A85140 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.92
#A85140 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A85140
5.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A85140#FFFFFF#000000##FFFFFF
##A851401.005.363.925.36
#FFFFFF5.361.0021.001.00
#0000003.9221.001.0021.00
##FFFFFF5.361.0021.001.00

Color blindness preview

Protanopia (red-blind)
#675F3E
Deuteranopia (green-blind)
#7C723E
Tritanopia (blue-blind)
#B7414D
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #a85140;
/* rgb */ color: rgb(168, 81, 64);
/* oklch */ color: oklch(53.9% 0.118 32.5);
Tailwind
colors: {
  custom: {
    50: '#c78475',
    500: '#a85140',
    950: '#000000',
  },
}
SCSS
$custom: #a85140;
$custom-light: #c78475;
$custom-dark: #000000;
JSON
{
  "hex": "#a85140",
  "rgb": {
    "r": 168,
    "g": 81,
    "b": 64
  },
  "hsl": {
    "h": 9.808,
    "s": 44.828,
    "l": 45.49
  },
  "oklch": {
    "l": 0.53935,
    "c": 0.11843,
    "h": 32.5
  },
  "luminance": 0.1458
}

Semantic roles & 50–950 ramp

primary
#A85140
secondary
#85B6BF
accent
#BFD553
background
#FCF8F7
surface
#F9EFED
border
#D2CAC8
text
#140B08
muted
#827C7B

Preview Lab

Preview with #A85140

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

Preview Lab → · Contrast checker → · Palette generator →

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