Rust Red #AA2704

Rust Red is a medium-dark, vivid red with hex code #AA2704 and RGB rgb(170, 39, 4).

Aa

White text reads best on this color (6.99:1).

About this color

#AA2704 is a medium-dark, vivid red. In OKLCH its lightness is 48%, its chroma 0.172 and its hue 34°. Its hue sits on the warm side of the wheel. It is the named color Rust Red. White text reads best on it, at 6.99:1.

Hue familyReds
Lightnessmedium-dark (48%)
Chromavivid (0.172)
Temperaturewarm
Nearest nameRust Red
Black text3.00:1
White text6.99:1

Colors that go with Rust Red

Matches found by rotating Rust Red around the OKLCH hue wheel, each labelled with the closest name in our list.

Complementary

The opposite hue (180°).

Open the complementary palette in the generator

Color palettes with Rust Red

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Rust Red, closest first.

Similar named colors

The eight named colors closest to Rust Red, with their ΔE distance.

More about Rust Red

How to make Rust Red

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 4 parts red
  • 3 parts brown
  • 1 part orange

Recipe result: #A5352C, a difference of ΔE 0.029 from Rust Red. That is very close: most people will not see the difference.

What colors make red? | Color mixing chart

Codes for Rust Red in every format

HEX#AA2704
RGBrgb(170, 39, 4)
HSLhsl(13, 95%, 34%)
OKLCHoklch(48.4% 0.172 33.9)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #AA2704 6.99:1 AA Lc -87.8 Fine for body text
Black text on #AA2704 3.00:1 AA large text Lc 21.3 Dividers and decoration only
#AA2704 text on white 6.99:1 AA Lc 82.7 Fine for body text
#AA2704 text on black 3.00:1 AA large text Lc -19.2 Dividers and decoration only

Shades and tints of Rust Red

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 700.

  1. Step 50

    50

    #FDF3F1

    oklch(97.1% 0.011 31.1)

  2. Step 100

    100

    #F9E5DF

    oklch(93.6% 0.023 37.4)

  3. Step 200

    200

    #F6CFC5

    oklch(88.5% 0.046 34.7)

  4. Step 300

    300

    #F1AE9D

    oklch(81% 0.083 34.8)

  5. Step 400

    400

    #E77F68

    oklch(70.7% 0.133 33.5)

  6. Step 500

    500

    #DD5A3D

    oklch(63.2% 0.17 34)

  7. Step 600

    600

    #C83918

    oklch(55.6% 0.185 33.9)

  8. Step 700

    700 (this color)

    #AA2704

    oklch(48.4% 0.172 33.9)

  9. Step 800

    800

    #8C250D

    oklch(42.7% 0.142 33.9)

  10. Step 900

    900

    #712514

    oklch(37.8% 0.111 34.1)

  11. Step 950

    950

    #42170D

    oklch(27% 0.07 34.5)

Export this scale for Tailwind in the Tailwind colors tool

Rust Red with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#5146000.180
Deuteranopia (no green cones)#7164000.162
Tritanopia (no blue cones)#BC00220.048
Achromatopsia (no color)#5959590.173

Use Rust Red in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.