#A43841#A43841

#A43841 is a mid, vivid red. Relative luminance 0.111; OKLCH L 49.8% C 0.142 H 19.2°. Best body text is #FFFFFF at 6.52:1 contrast (WCAG AA passes).

Color values

HEX#A43841
RGBrgb(164, 56, 65)
HSLhsl(355, 49%, 43%)
HSVhsv(355, 66%, 64%)
CMYKcmyk(0%, 65.9%, 60.4%, 35.7%)
CIE-LABlab(39.76, 45.09, 19.14)
CIE-LCHlch(39.76, 48.98, 23.00°)
OKLaboklab(49.81% 0.1343 0.0467)
OKLCHoklch(49.81% 0.142 19.2)
XYZxyz(17.6798, 11.1049, 6.2125)
Luminance0.1110 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A43841 #38A49B
analogous
#A43877 #A43841 #A46538
triadic
#A43841 #41A438 #3841A4
tetradic
#A43841 #77A438 #38A49B #6538A4
square
#A43841 #77A438 #38A49B #6538A4
split-complementary
#A43841 #38A465 #3877A4
monochromatic
#49191D #76282F #A43841 #C5545E #D48289

Accessibility & contrast

On white

6.52
#A43841 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.22
#A43841 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A43841
6.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A43841#FFFFFF#000000##FFFFFF
##A438411.006.523.226.52
#FFFFFF6.521.0021.001.00
#0000003.2221.001.0021.00
##FFFFFF6.521.0021.001.00

Color blindness preview

Protanopia (red-blind)
#534F41
Deuteranopia (green-blind)
#6F663E
Tritanopia (blue-blind)
#B4213C
Achromatopsia (no color)
#5E5E5E

Design tokens & code

CSS
--color: #a43841;
/* rgb */ color: rgb(164, 56, 65);
/* oklch */ color: oklch(49.8% 0.142 19.2);
Tailwind
colors: {
  custom: {
    50: '#c57575',
    500: '#a43841',
    950: '#000000',
  },
}
SCSS
$custom: #a43841;
$custom-light: #c57575;
$custom-dark: #000000;
JSON
{
  "hex": "#a43841",
  "rgb": {
    "r": 164,
    "g": 56,
    "b": 65
  },
  "hsl": {
    "h": 355,
    "s": 49.091,
    "l": 43.137
  },
  "oklch": {
    "l": 0.49813,
    "c": 0.14218,
    "h": 19.2
  },
  "luminance": 0.11103
}

Semantic roles & 50–950 ramp

primary
#A43841
secondary
#7ABEB8
accent
#D9CD4F
background
#FCF7F7
surface
#F9EDED
border
#D2C8C8
text
#140908
muted
#827B7B

Preview Lab

Preview with #A43841

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

Preview Lab → · Contrast checker → · Palette generator →

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