Find the difference
Compare Two Colors
Compare exact codes, hue and lightness, text contrast and palette connections. Use a guide from the library or enter your own opaque six-digit hex color.
Direct color-pair contrast: 2.74:1. Below AA text contrast.
Contrast is only a relationship between these two opaque colors; it is not a complete accessibility audit.
Where the comparison helps
Text & background
Measure the exact pair before making one color the foreground. Similar-looking colors may fail text contrast even when the palette is attractive.
Game silhouettes
Separate a character from its surroundings using lightness, shape and outlines as well as hue. A hue difference does not guarantee a readable silhouette.
Material choices
Digital values are references. Check physical swatches or print proofs when the result depends on paint, fabric, paper or ink.
A color name is a starting point
Digital codes describe sRGB colors. Natural objects, paint, ink and screens can look different under different lighting or calibration. Visual references illustrate color families rather than exact measured matches. Placeholder illustrations are clearly labeled. Design ideas are suggestions, not universal claims about emotion or culture.
Pick colors from an image · Convert a color · Check a complete text pair · Suggest a color guide