Skip to content
ColorPlum

Hex codes

#AA1234 color: raspberry red hex code, RGB and matching colors

#AA1234 is RGB 170, 18, 52: a saturated raspberry red at 347° hue. White text on it measures 7.38:1, and the xkcd survey calls its nearest color rouge (#AB1239).

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated

ColorPlum swatch#AA1234medium-dark, vivid red
HEX
#AA1234
RGB
rgb(170, 18, 52)
HSL
hsl(347, 81%, 37%)

Best text on it: white at 7.38:1

Copy codes as
Build a paletteMake a gradientCheck contrastWallpaper

Every code for #AA1234

  • HEX#AA1234
  • RGBrgb(170, 18, 52)
  • HSLhsl(347, 81%, 37%)
  • HSV347°, 89%, 67%
  • CMYK0%, 89%, 69%, 33%
  • Lablab(37.1% 58.3 24.8)
  • OKLCHoklch(47.5% 0.181 17.5)
  • Decimal11145780

Tints, shades and tones

From white to black in 10% steps, with #AA1234 in the middle. Tap a code to copy it.

  1. 90%#F7E7EB
  2. 80%#EED0D6
  3. 70%#E6B8C2
  4. 60%#DDA0AE
  5. 50%#D5899A
  6. 40%#CC7185
  7. 30%#C45971
  8. 20%#BB415D
  9. 10%#B32A48
  10. Base#AA1234
  11. 10%#99102F
  12. 20%#880E2A
  13. 30%#770D24
  14. 40%#660B1F
  15. 50%#55091A
  16. 60%#440715
  17. 70%#330510
  18. 80%#22040A
  19. 90%#110205

Tones (mixed with gray)

  1. 10%#A61D3C
  2. 20%#A22843
  3. 30%#9D334B
  4. 40%#993E52
  5. 50%#95495A
  6. 60%#915462
  7. 70%#8D5F69
  8. 80%#886A71
  9. 90%#847578

Matching colors

Complementary
Analogous
Triadic
Split complementary
Tetradic (square)
Monochromatic
  • #20030A
  • #650B1F
  • #AA1234
  • #E7214D
  • #EF6685

#AA1234 in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

#AA1234 with its complement, its triad and its tint and shade
  • #AA1234
  • Triad #34AA12
  • Triad #1234AA
  • Complement
  • 50% tint
  • 50% shade

#AA1234 in use

New collectionAutumn edit

Card body text stays dark for reading; #aa1234 carries the header and the button.

Shop nowTag

Headline in #AA1234

A paragraph with a link set in this color, which is dark enough for text on white.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

  • Typical color vision#AA1234
  • Protanopia (no red cones)#464234
  • Deuteranopia (no green cones)#6A612F
  • Tritanopia (no blue cones)#BB0023

Contrast and readability

PairingRatioWCAG 2.2
as text on white7.38:1AA AA large AAA
as text on black2.84:1AA AA large AAA
white text on it7.38:1AA AA large AAA
black text on it2.84:1AA AA large AAA
on your background6.44:1AA AA large AAA

Export

:root {
  --aa1234: #aa1234;
  --aa1234-rgb: 170 18 52;
  --aa1234-on: #ffffff;
}
On this page

The code #AA1234 is easy to remember, and it happens to be a good color. The red channel is AA (170), green is 12 (18) and blue is 34 (52), so it is mostly red with a small amount of blue and almost no green. That tilts the hue to 347°, just on the pink side of true red. HSL gives 81% saturation and 37% lightness, and the decimal value is 11145780.

What #AA1234 looks like

It looks like ripe raspberry or cranberry juice, a red with a little pink in it rather than orange. In the xkcd survey the nearest name is "rouge" (#AB1239), just 0.7 OKLab units away, which is nearly identical. "Cranberry" (#9E003A) and "raspberry" (#B00149) are both 3.4 away. The CSS list is less specific: brown (#A52A2A) at 3.2 and firebrick (#B22222) at 3.7 are the closest, but both are more orange than this color, and crimson (#DC143C) is brighter at 10.5. So the CSS and survey lists agree it is a deep red; only the survey has a name that matches it well.

Tints, shades and harmonies

The tint strip softens it to #B32A48 at 10%, #CC7185 at 40% and #F7E7EB at 90%, a blush that is useful as a background. The shades run through #99102F and #880E2A to #110205. The complementary color is #12AA88, a teal green. The triadic partners are #34AA12 and #1234AA, and the analogous neighbors #AA1280 and #AA3C12 move toward magenta and orange.

Contrast

White on #AA1234 is 7.38:1, comfortably past AAA. On the pale 90% tint #F7E7EB it measures 6.18:1, and on #F8F8F8 it is 6.94:1. Navy is a poor partner: #112233 against it is only 2.18:1, so avoid putting dark blue text on this red.

Worked example

A couple is printing a wedding invitation with a raspberry accent. Use #AA1234 for the names and the thin rule, and set the details in dark gray on a warm white. For the RSVP card, use the 80% tint #EED0D6 as the background. The red names on it measure 5.14:1, and dark navy text reads at 11.24:1, so the date and address are easy to read. Print a test sheet first, because saturated reds often shift on paper. The CMYK estimate, 0%, 89%, 69%, 33%, is only a starting point for the printer.

Crimson is a brighter relative, burgundy is deeper and more purple, and for a lighter, warmer brick tone see #C0392B.

Sources

  1. W3C, CSS Color Module Level 4: hex notation, sRGB and named colors (checked 2026-11-10) w3.org
  2. W3C, Web Content Accessibility Guidelines (WCAG) 2.2: contrast minimum (checked 2026-11-10) w3.org
  3. xkcd, Color survey results: the 954 most common color names (Randall Munroe, 2010; checked 2026-11-10) xkcd.com