#A64329#A64329

#A64329 is a mid, vivid red. Relative luminance 0.123; OKLCH L 51.2% C 0.137 H 35.7°. Best body text is #FFFFFF at 6.08:1 contrast (WCAG AA passes).

Color values

HEX	#A64329
RGB	rgb(166, 67, 41)
HSL	hsl(12, 60%, 41%)
HSV	hsv(12, 75%, 65%)
CMYK	cmyk(0%, 59.6%, 75.3%, 34.9%)
CIE-LAB	lab(41.66, 39.30, 35.75)
CIE-LCH	lch(41.66, 53.12, 42.29°)
OKLab	oklab(51.2% 0.1112 0.0799)
OKLCH	oklch(51.2% 0.137 35.7)
XYZ	xyz(18.1352, 12.2839, 3.5135)
Luminance	0.1228 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A64329 #298CA6

analogous

#A6294D #A64329 #A68129

triadic

#A64329 #29A643 #4329A6

tetradic

#A64329 #4DA629 #298CA6 #8129A6

square

#A64329 #4DA629 #298CA6 #8129A6

split-complementary

#A64329 #29A681 #294DA6

monochromatic

#441B11 #752F1D #A64329 #CF5B3D #DB856E

Accessibility & contrast

On white

6.08

#A64329 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.46

#A64329 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A64329

6.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A64329	#FFFFFF	#000000	##FFFFFF
##A64329	1.00	6.08	3.46	6.08
#FFFFFF	6.08	1.00	21.00	1.00
#000000	3.46	21.00	1.00	21.00
##FFFFFF	6.08	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#5E5526

Deuteranopia (green-blind)

#776B26

Tritanopia (blue-blind)

#B62C3D

Achromatopsia (no color)

#626262

Design tokens & code

CSS

--color: #a64329;
/* rgb */ color: rgb(166, 67, 41);
/* oklch */ color: oklch(51.2% 0.137 35.7);

Tailwind

colors: {
  custom: {
    50: '#c77b64',
    500: '#a64329',
    950: '#000000',
  },
}

SCSS

$custom: #a64329;
$custom-light: #c77b64;
$custom-dark: #000000;

JSON

{
  "hex": "#a64329",
  "rgb": {
    "r": 166,
    "g": 67,
    "b": 41
  },
  "hsl": {
    "h": 12.48,
    "s": 60.386,
    "l": 40.588
  },
  "oklch": {
    "l": 0.51198,
    "c": 0.13694,
    "h": 35.7
  },
  "luminance": 0.12281
}

Semantic roles & 50–950 ramp

primary

#A64329

secondary

#69AFC2

accent

#C2E444

background

#FDF7F6

surface

#FAEEEB

border

#D3C9C6

text

#140905

muted

#837B7A

Preview Lab

Preview with #A64329

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

Preview Lab → · Contrast checker → · Palette generator →