#AA3424#AA3424

#AA3424 is a mid, vivid red. Relative luminance 0.111; OKLCH L 49.9% C 0.157 H 30.9°. Best body text is #FFFFFF at 6.51:1 contrast (WCAG AA passes).

Color values

HEX#AA3424
RGBrgb(170, 52, 36)
HSLhsl(7, 65%, 40%)
HSVhsv(7, 79%, 67%)
CMYKcmyk(0%, 69.4%, 78.8%, 33.3%)
CIE-LABlab(39.80, 47.27, 36.74)
CIE-LCHlch(39.80, 59.87, 37.85°)
OKLaboklab(49.91% 0.1346 0.0804)
OKLCHoklch(49.91% 0.157 30.9)
XYZxyz(18.1261, 11.1321, 2.8630)
Luminance0.1113 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AA3424 #249AAA
analogous
#AA2457 #AA3424 #AA7724
triadic
#AA3424 #24AA34 #3424AA
tetradic
#AA3424 #57AA24 #249AAA #7724AA
square
#AA3424 #57AA24 #249AAA #7724AA
split-complementary
#AA3424 #24AA77 #2457AA
monochromatic
#45150F #772519 #AA3424 #D54937 #DF7769

Accessibility & contrast

On white

6.51
#AA3424 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.23
#AA3424 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AA3424
6.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AA3424#FFFFFF#000000##FFFFFF
##AA34241.006.513.236.51
#FFFFFF6.511.0021.001.00
#0000003.2321.001.0021.00
##FFFFFF6.511.0021.001.00

Color blindness preview

Protanopia (red-blind)
#564D21
Deuteranopia (green-blind)
#74671F
Tritanopia (blue-blind)
#BB0A31
Achromatopsia (no color)
#5E5E5E

Design tokens & code

CSS
--color: #aa3424;
/* rgb */ color: rgb(170, 52, 36);
/* oklch */ color: oklch(49.9% 0.157 30.9);
Tailwind
colors: {
  custom: {
    50: '#cc7360',
    500: '#aa3424',
    950: '#000000',
  },
}
SCSS
$custom: #aa3424;
$custom-light: #cc7360;
$custom-dark: #000000;
JSON
{
  "hex": "#aa3424",
  "rgb": {
    "r": 170,
    "g": 52,
    "b": 36
  },
  "hsl": {
    "h": 7.164,
    "s": 65.049,
    "l": 40.392
  },
  "oklch": {
    "l": 0.49914,
    "c": 0.15678,
    "h": 30.9
  },
  "luminance": 0.11129
}

Semantic roles & 50–950 ramp

primary
#AA3424
secondary
#65BAC5
accent
#D4E840
background
#FDF7F5
surface
#FBEDE9
border
#D4C8C5
text
#150805
muted
#837B79

Preview Lab

Preview with #AA3424

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

Preview Lab → · Contrast checker → · Palette generator →

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