#A73A43#A73A43

#A73A43 is a mid, vivid red. Relative luminance 0.116; OKLCH L 50.6% C 0.143 H 19.1°. Best body text is #FFFFFF at 6.31:1 contrast (WCAG AA passes).

Color values

HEX#A73A43
RGBrgb(167, 58, 67)
HSLhsl(355, 48%, 44%)
HSVhsv(355, 65%, 65%)
CMYKcmyk(0%, 65.3%, 59.9%, 34.5%)
CIE-LABlab(40.65, 45.38, 19.17)
CIE-LCHlch(40.65, 49.27, 22.90°)
OKLaboklab(50.6% 0.1352 0.0468)
OKLCHoklch(50.6% 0.143 19.1)
XYZxyz(18.4643, 11.6493, 6.5854)
Luminance0.1165 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A73A43 #3AA79E
analogous
#A73A7A #A73A43 #A7683A
triadic
#A73A43 #43A73A #3A43A7
tetradic
#A73A43 #7AA73A #3AA79E #683AA7
square
#A73A43 #7AA73A #3AA79E #683AA7
split-complementary
#A73A43 #3AA768 #3A7AA7
monochromatic
#4C1A1F #7A2A31 #A73A43 #C55962 #D5868D

Accessibility & contrast

On white

6.31
#A73A43 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.33
#A73A43 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A73A43
6.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A73A43#FFFFFF#000000##FFFFFF
##A73A431.006.313.336.31
#FFFFFF6.311.0021.001.00
#0000003.3321.001.0021.00
##FFFFFF6.311.0021.001.00

Color blindness preview

Protanopia (red-blind)
#555143
Deuteranopia (green-blind)
#716840
Tritanopia (blue-blind)
#B7243E
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #a73a43;
/* rgb */ color: rgb(167, 58, 67);
/* oklch */ color: oklch(50.6% 0.143 19.1);
Tailwind
colors: {
  custom: {
    50: '#c77677',
    500: '#a73a43',
    950: '#000000',
  },
}
SCSS
$custom: #a73a43;
$custom-light: #c77677;
$custom-dark: #000000;
JSON
{
  "hex": "#a73a43",
  "rgb": {
    "r": 167,
    "g": 58,
    "b": 67
  },
  "hsl": {
    "h": 355.046,
    "s": 48.444,
    "l": 44.118
  },
  "oklch": {
    "l": 0.50597,
    "c": 0.14312,
    "h": 19.1
  },
  "luminance": 0.11647
}

Semantic roles & 50–950 ramp

primary
#A73A43
secondary
#7EBFBA
accent
#D8CD50
background
#FDF7F7
surface
#FAEDED
border
#D3C8C8
text
#140908
muted
#837B7B

Preview Lab

Preview with #A73A43

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

Preview Lab → · Contrast checker → · Palette generator →

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