Rust Orange #C45508

Rust Orange is a medium-dark, vivid orange with hex code #C45508 and RGB rgb(196, 85, 8).

Aa

Black text reads best on this color (4.65:1).

About this color

#C45508 is a medium-dark, vivid orange. In OKLCH its lightness is 58%, its chroma 0.160 and its hue 46°. Its hue sits on the warm side of the wheel. It is the named color Rust Orange. Black text reads best on it, at 4.65:1.

Hue familyOranges
Lightnessmedium-dark (58%)
Chromavivid (0.160)
Temperaturewarm
Nearest nameRust Orange
Black text4.65:1
White text4.51:1

Colors that go with Rust Orange

Matches found by rotating Rust Orange 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

Analogous

Neighbouring hues, 30° either side.

Open the analogous palette in the generator

Color palettes with Rust Orange

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

Similar named colors

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

More about Rust Orange

How to make Rust Orange

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 orange
  • 3 parts red
  • 1 part green

Recipe result: #BF572A, a difference of ΔE 0.019 from Rust Orange. That is very close: most people will not see the difference.

What colors make orange? | Color mixing chart

Codes for Rust Orange in every format

HEX#C45508
RGBrgb(196, 85, 8)
HSLhsl(25, 92%, 40%)
OKLCHoklch(58.3% 0.16 46.4)

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 #C45508 4.51:1 AA Lc -76.1 Fine for body text
Black text on #C45508 4.65:1 AA Lc 33.5 Non-text elements, placeholder text
#C45508 text on white 4.51:1 AA Lc 70.6 Content text, not long reading
#C45508 text on black 4.65:1 AA Lc -31.1 Non-text elements, placeholder text

Shades and tints of Rust Orange

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 600.

  1. Step 50

    50

    #FBF4F0

    oklch(97.1% 0.009 52.1)

  2. Step 100

    100

    #F6E6DE

    oklch(93.6% 0.021 48.5)

  3. Step 200

    200

    #F1D2C3

    oklch(88.6% 0.04 47.4)

  4. Step 300

    300

    #E9B39A

    oklch(81% 0.072 46)

  5. Step 400

    400

    #DB8961

    oklch(70.7% 0.115 46.4)

  6. Step 500

    500

    #CF6831

    oklch(63% 0.147 46.1)

  7. Step 600

    600 (this color)

    #C45508

    oklch(58.3% 0.16 46.4)

  8. Step 700

    700

    #9C4100

    oklch(49% 0.137 46.5)

  9. Step 800

    800

    #813400

    oklch(42.6% 0.119 46.2)

  10. Step 900

    900

    #692E0B

    oklch(37.7% 0.096 46.6)

  11. Step 950

    950

    #3E1B09

    oklch(26.9% 0.062 45.7)

Export this scale for Tailwind in the Tailwind colors tool

Rust Orange 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)#7567000.148
Deuteranopia (no green cones)#9080000.134
Tritanopia (no blue cones)#D83A490.086
Achromatopsia (no color)#7676760.161

Use Rust Orange 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.