How is the inverted color calculated?

Each RGB channel is subtracted from 255, so red 52 becomes 203, green 152 becomes 103, and blue 219 becomes 36. This is the exact mathematical inverse, the same operation as a photographic negative.

Is the inverse the same as the complementary color?

The RGB inverse is one common definition of complementary, where (R,G,B) maps to (255-R, 255-G, 255-B). A hue-based complement (rotating 180 degrees on the color wheel) can differ, so this tool labels its result as the exact channel inverse.

What input formats are accepted?

You can enter a 3- or 6-digit hex code with or without a hash, or three comma- or space-separated numbers from 0 to 255. Anything else is reported as invalid.

What is the inverse of pure gray?

Mid-gray (128,128,128) inverts to (127,127,127), which is almost identical. Exactly 50% gray is its own near-inverse, which is why gray-on-gray inversions have very low contrast.

Does inverting twice return the original?

Yes. Because each channel is subtracted from 255, applying the inverse again subtracts back to the original value, so a double inversion is a no-op.

Color Invert (Complementary) Tool

Get the exact inverse of any color

This tool computes the precise inverse of a color by subtracting each RGB channel from 255 — the same operation as a photographic negative. It is useful for generating dark-mode counterparts, finding a high-contrast accent, or simply seeing what the “opposite” of a color looks like.

How it works

A color in RGB is three numbers from 0 to 255 for red, green, and blue. The inverse is found channel by channel with a single subtraction: inverse = 255 - value. So rgb(52, 152, 219) becomes rgb(203, 103, 36). White (255,255,255) inverts to black (0,0,0) and vice versa, and a fully saturated red inverts to cyan.

This is the literal numeric inverse, sometimes called the complementary color. Note that it differs from a hue-rotation complement: subtracting from 255 flips each channel independently, which can shift lightness as well as hue. The tool shows the original and inverted swatches side by side so you can judge the contrast at a glance.

Notes and example

Inverting a color twice returns the original, because subtracting twice from 255 cancels out. Colors near mid-gray invert to something very close to themselves, which is why gray-on-inverted-gray has poor contrast — useful to know if you are relying on inversion for accessibility. For a strong accent, start from a saturated, non-gray color: #3498db (a blue) inverts to a warm orange-brown #cb6724, an eye-catching pair.