#A32D3B#A32D3B

#A32D3B is a mid, vivid red. Relative luminance 0.100; OKLCH L 48.3% C 0.153 H 18.6°. Best body text is #FFFFFF at 7.01:1 contrast (WCAG AA passes).

Color values

HEX#A32D3B
RGBrgb(163, 45, 59)
HSLhsl(353, 57%, 41%)
HSVhsv(353, 72%, 64%)
CMYKcmyk(0%, 72.4%, 63.8%, 36.1%)
CIE-LABlab(37.81, 48.86, 20.32)
CIE-LCHlch(37.81, 52.91, 22.58°)
OKLaboklab(48.29% 0.1453 0.0489)
OKLCHoklch(48.29% 0.153 18.6)
XYZxyz(16.8338, 9.9815, 5.1770)
Luminance0.0998 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A32D3B #2DA395
analogous
#A32D76 #A32D3B #A35A2D
triadic
#A32D3B #3BA32D #2D3BA3
tetradic
#A32D3B #76A32D #2DA395 #5A2DA3
square
#A32D3B #76A32D #2DA395 #5A2DA3
split-complementary
#A32D3B #2DA35A #2D76A3
monochromatic
#431318 #73202A #A32D3B #CB4253 #D8727E

Accessibility & contrast

On white

7.01
#A32D3B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

3.00
#A32D3B on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A32D3B
7.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A32D3B#FFFFFF#000000##FFFFFF
##A32D3B1.007.013.007.01
#FFFFFF7.011.0021.001.00
#0000003.0021.001.0021.00
##FFFFFF7.011.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4D493B
Deuteranopia (green-blind)
#6B6238
Tritanopia (blue-blind)
#B30733
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #a32d3b;
/* rgb */ color: rgb(163, 45, 59);
/* oklch */ color: oklch(48.3% 0.153 18.6);
Tailwind
colors: {
  custom: {
    50: '#c56f70',
    500: '#a32d3b',
    950: '#000000',
  },
}
SCSS
$custom: #a32d3b;
$custom-light: #c56f70;
$custom-dark: #000000;
JSON
{
  "hex": "#a32d3b",
  "rgb": {
    "r": 163,
    "g": 45,
    "b": 59
  },
  "hsl": {
    "h": 352.881,
    "s": 56.731,
    "l": 40.784
  },
  "oklch": {
    "l": 0.48288,
    "c": 0.15331,
    "h": 18.6
  },
  "luminance": 0.09979
}

Semantic roles & 50–950 ramp

primary
#A32D3B
secondary
#6CC0B6
accent
#E0CE48
background
#FDF7F6
surface
#FAEDEC
border
#D3C8C7
text
#140807
muted
#837B7A

Preview Lab

Preview with #A32D3B

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

Preview Lab → · Contrast checker → · Palette generator →

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