#AD282A#AD282A

#AD282A is a mid, vivid red. Relative luminance 0.106; OKLCH L 49.3% C 0.169 H 25.4°. Best body text is #FFFFFF at 6.74:1 contrast (WCAG AA passes).

Color values

HEX#AD282A
RGBrgb(173, 40, 42)
HSLhsl(359, 62%, 42%)
HSVhsv(359, 77%, 68%)
CMYKcmyk(0%, 76.9%, 75.7%, 32.2%)
CIE-LABlab(38.85, 52.89, 32.46)
CIE-LCHlch(38.85, 62.05, 31.54°)
OKLaboklab(49.33% 0.1531 0.0726)
OKLCHoklch(49.33% 0.169 25.4)
XYZxyz(18.4125, 10.5719, 3.2611)
Luminance0.1057 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AD282A #28ADAB
analogous
#AD286D #AD282A #AD6928
triadic
#AD282A #2AAD28 #282AAD
tetradic
#AD282A #6DAD28 #28ADAB #6928AD
square
#AD282A #6DAD28 #28ADAB #6928AD
split-complementary
#AD282A #28AD69 #286DAD
monochromatic
#4A1112 #7B1D1E #AD282A #D33F42 #DE7173

Accessibility & contrast

On white

6.74
#AD282A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.11
#AD282A on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AD282A
6.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AD282A#FFFFFF#000000##FFFFFF
##AD282A1.006.743.116.74
#FFFFFF6.741.0021.001.00
#0000003.1121.001.0021.00
##FFFFFF6.741.0021.001.00

Color blindness preview

Protanopia (red-blind)
#504929
Deuteranopia (green-blind)
#716625
Tritanopia (blue-blind)
#BF002B
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #ad282a;
/* rgb */ color: rgb(173, 40, 42);
/* oklch */ color: oklch(49.3% 0.169 25.4);
Tailwind
colors: {
  custom: {
    50: '#ce6e64',
    500: '#ad282a',
    950: '#000000',
  },
}
SCSS
$custom: #ad282a;
$custom-light: #ce6e64;
$custom-dark: #000000;
JSON
{
  "hex": "#ad282a",
  "rgb": {
    "r": 173,
    "g": 40,
    "b": 42
  },
  "hsl": {
    "h": 359.098,
    "s": 62.441,
    "l": 41.765
  },
  "oklch": {
    "l": 0.49329,
    "c": 0.16944,
    "h": 25.4
  },
  "luminance": 0.10569
}

Semantic roles & 50–950 ramp

primary
#AD282A
secondary
#6CC5C4
accent
#E6E342
background
#FDF7F6
surface
#FBEDEB
border
#D4C8C6
text
#150805
muted
#837B7A

Preview Lab

Preview with #AD282A

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

Preview Lab → · Contrast checker → · Palette generator →

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