Get complementary color online

Select a color and get the opposite color with its code in hexadecimal format to use in html and css.

Choose the main color

Complementary Scheme

#0080ff
#ff7f00

Scale generated from both opposite colors

#0080ff
Detalles
#7e75f8
Detalles
#b567e9
Detalles
#dd57d3
Detalles
#fa47b7
Detalles
#ff3f98
Detalles
#ff4378
Detalles
#ff5457
Detalles
#ff6935
Detalles
#ff7f00
Detalles

What is a complementary color?

In a quick and easy way we can say that the complementary color of another is the one that is at the opposite end or in front within the famous chromatic circle or color wheel.

We must mention that the opposite color of another can vary depending on the intensity or opacity of the color, that is, it is not the same complementary color for an intense blue as for a softer tone. For example, the opposite of royal blue is yellow, but for a shade of blue closer to cyan it would be an orange shade.

There are many models of the color wheel and depending on each one the complementary color is different, For example in the traditional model of the color wheel the opposite of yellow is violet while in the rgb model it is blue.

This difference is due to the fact that depending on the format it includes some colors or others, for example: the traditional one does not include the cyan color. In our Tool we use the rgb model, try it out and discover the complementary scheme of your favorite color.