Colors & design

Compare RGB colors

Measure the numerical distance between two RGB colors, without an accessibility rating.

How to use
Free. Always.Inputs stay in your browserNo sign-up

Your saved tools stay in this browser.

Compare RGB colors — workspace

Loading your tool…

How to use: Compare RGB colors

  1. Start with the example, or replace it with your own values.

  2. Review Color, Second color, then select “Get result”.

  3. Read the result, then copy or download it. Edit any input to try again.

What you can do

  • Measure the numerical distance between two RGB colors, without an accessibility rating.

What you get

  • A result you can review, copy or download. Numeric tools show labeled calculations; text tools show the transformed output.

What you need

Color
Choose a color or enter a six-digit hexadecimal color.
Second color
Choose a color or enter a six-digit hexadecimal color.

Try an example

Color
#6550c8
Second color
#ffffff
Try it in the tool

Good to know

  • Euclidean distance in RGB, from 0 to 441.67. This is not a perceptual difference or accessibility score.

Your work stays on your device

Your files and entered values are processed in your browser and are not uploaded for processing. The website and any required processing engines still download from the site.

Questions & answers

Is Compare RGB colors free?

Yes. Compare RGB colors is free to use and does not require an account.

Are my files or entered values uploaded?

Your files and entered values are processed in your browser and are not uploaded for processing. The website and any required processing engines still download from the site.

What result can I save?

A result you can review, copy or download. Numeric tools show labeled calculations; text tools show the transformed output.

What should I check before using the result?

Euclidean distance in RGB, from 0 to 441.67. This is not a perceptual difference or accessibility score.

Keep going with another tool

Aspect ratio calculator Find an aspect ratio and resize without stretching.Color palette builder Create lighter and darker shades from one base color.Blend two colors Mix two RGB colors using a chosen proportion of the second color.Box shadow designer Preview a CSS box shadow with adjustable offsets, blur, spread and color.Fluid type size builder Create a CSS clamp() font size that scales between two viewport widths.