#A64947#A64947

#A64947 is a mid, vivid red. Relative luminance 0.133; OKLCH L 52.5% C 0.124 H 23.5°. Best body text is #FFFFFF at 5.73:1 contrast (WCAG AA passes).

Color values

HEX#A64947
RGBrgb(166, 73, 71)
HSLhsl(1, 40%, 46%)
HSVhsv(1, 57%, 65%)
CMYKcmyk(0%, 56%, 57.2%, 34.9%)
CIE-LABlab(43.26, 38.21, 20.11)
CIE-LCHlch(43.26, 43.18, 27.76°)
OKLaboklab(52.55% 0.1134 0.0493)
OKLCHoklch(52.55% 0.124 23.5)
XYZxyz(19.2474, 13.3293, 7.5192)
Luminance0.1333 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A64947 #47A4A6
analogous
#A64775 #A64947 #A67947
triadic
#A64947 #47A649 #4947A6
tetradic
#A64947 #75A647 #47A4A6 #7947A6
square
#A64947 #75A647 #47A4A6 #7947A6
split-complementary
#A64947 #47A679 #4775A6
monochromatic
#502322 #7B3635 #A64947 #C06C6B #D29796

Accessibility & contrast

On white

5.73
#A64947 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.67
#A64947 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A64947
5.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A64947#FFFFFF#000000##FFFFFF
##A649471.005.733.675.73
#FFFFFF5.731.0021.001.00
#0000003.6721.001.0021.00
##FFFFFF5.731.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5F5A46
Deuteranopia (green-blind)
#776E45
Tritanopia (blue-blind)
#B53949
Achromatopsia (no color)
#666666

Design tokens & code

CSS
--color: #a64947;
/* rgb */ color: rgb(166, 73, 71);
/* oklch */ color: oklch(52.5% 0.124 23.5);
Tailwind
colors: {
  custom: {
    50: '#c57f7a',
    500: '#a64947',
    950: '#000000',
  },
}
SCSS
$custom: #a64947;
$custom-light: #c57f7a;
$custom-dark: #000000;
JSON
{
  "hex": "#a64947",
  "rgb": {
    "r": 166,
    "g": 73,
    "b": 71
  },
  "hsl": {
    "h": 1.263,
    "s": 40.084,
    "l": 46.471
  },
  "oklch": {
    "l": 0.52547,
    "c": 0.12364,
    "h": 23.5
  },
  "luminance": 0.13327
}

Semantic roles & 50–950 ramp

primary
#A64947
secondary
#8BBDBE
accent
#CDD058
background
#FCF7F7
surface
#F9EEED
border
#D2C9C8
text
#140A09
muted
#827C7B

Preview Lab

Preview with #A64947

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

Preview Lab → · Contrast checker → · Palette generator →

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