#AA495B#AA495B

#AA495B is a mid, vivid red. Relative luminance 0.141; OKLCH L 53.6% C 0.128 H 11.0°. Best body text is #FFFFFF at 5.51:1 contrast (WCAG AA passes).

Color values

HEX#AA495B
RGBrgb(170, 73, 91)
HSLhsl(349, 40%, 48%)
HSVhsv(349, 57%, 67%)
CMYKcmyk(0%, 57.1%, 46.5%, 33.3%)
CIE-LABlab(44.33, 41.50, 9.45)
CIE-LCHlch(44.33, 42.56, 12.82°)
OKLaboklab(53.63% 0.1258 0.0244)
OKLCHoklch(53.63% 0.128 11)
XYZxyz(20.8499, 14.0688, 11.5131)
Luminance0.1407 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AA495B #49AA98
analogous
#AA498B #AA495B #AA6749
triadic
#AA495B #5BAA49 #495BAA
tetradic
#AA495B #8BAA49 #49AA98 #6749AA
square
#AA495B #8BAA49 #49AA98 #6749AA
split-complementary
#AA495B #49AA67 #498BAA
monochromatic
#54242D #7F3744 #AA495B #C16F7E #D49AA5

Accessibility & contrast

On white

5.51
#AA495B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.81
#AA495B on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AA495B
5.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AA495B#FFFFFF#000000##FFFFFF
##AA495B1.005.513.815.51
#FFFFFF5.511.0021.001.00
#0000003.8121.001.0021.00
##FFFFFF5.511.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5D5D5B
Deuteranopia (green-blind)
#767059
Tritanopia (blue-blind)
#B83D50
Achromatopsia (no color)
#696969

Design tokens & code

CSS
--color: #aa495b;
/* rgb */ color: rgb(170, 73, 91);
/* oklch */ color: oklch(53.6% 0.128 11.0);
Tailwind
colors: {
  custom: {
    50: '#c77f89',
    500: '#aa495b',
    950: '#000000',
  },
}
SCSS
$custom: #aa495b;
$custom-light: #c77f89;
$custom-dark: #000000;
JSON
{
  "hex": "#aa495b",
  "rgb": {
    "r": 170,
    "g": 73,
    "b": 91
  },
  "hsl": {
    "h": 348.866,
    "s": 39.918,
    "l": 47.647
  },
  "oklch": {
    "l": 0.53626,
    "c": 0.12812,
    "h": 11
  },
  "luminance": 0.14066
}

Semantic roles & 50–950 ramp

primary
#AA495B
secondary
#8FC0B7
accent
#D0BA58
background
#FCF8F8
surface
#F9EFF0
border
#D2CACB
text
#140A0B
muted
#827C7C

Preview Lab

Preview with #AA495B

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

Preview Lab → · Contrast checker → · Palette generator →

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