Color Analyzer

Analyze any color comprehensively — all format values, WCAG contrast, luminance, closest CSS named color, harmony suggestions, and readability advice — all in one tool.

—
Named Match

All Values

HEX#155EEF
RGBrgb(21, 94, 239)
HSLhsl(215, 84%, 51%)
HSVhsv(215, 84%, 94%)
CMYKcmyk(91%, 61%, 0%, 6%)

Accessibility Analysis

Luminance
0.140 (Dark)
vs White
5.32:1
Pass AA
vs Black
3.95:1
Fail
Warmth
Cool (215°)
Recommendation: Use light text on this color

Contrast Preview

Harmony Suggestions

Related Variations

What Is a Color Analyzer?

A color analyzer takes a single color and reveals everything measurable about it: its value in every color format, its luminance, its contrast against white and black, its closest CSS named match, its position on the warm-cool spectrum, and its harmony relationships. Instead of running multiple tools, you get a complete profile of a color in one place.

OmniColor's Color Analyzer is used by designers evaluating new brand colors, developers checking accessibility of existing tokens, and anyone who wants to understand a color beyond its hex code.

What You Can Analyze

  • Color formats: HEX, RGB, HSL, HSV and CMYK — all computed simultaneously.
  • Luminance: WCAG relative luminance from 0 (black) to 1 (white).
  • Contrast ratio: Exact WCAG contrast against both white and black backgrounds, with AA pass/fail status.
  • Warmth: Whether the color is warm, cool or neutral based on its hue angle.
  • Named color: Closest match among the 148 CSS named colors.
  • Readability advice: Whether dark text or light text will be more readable on this color.
  • Harmony colors: Complementary, analogous and triadic alternatives.
  • Related variations: Darker, lighter, muted and saturated versions of the same hue.

How to Use the Color Analyzer

  1. Enter a HEX code in the input field (or click Random for a quick example).
  2. Every property updates live — no submit button required.
  3. Review the accessibility analysis to confirm contrast is adequate for your use.
  4. Click any harmony or variation swatch to copy its HEX code.
  5. Copy any format value with the Copy buttons next to each row.

Use Cases

  • Brand evaluation: Understanding the full profile of a candidate brand color before committing.
  • Accessibility audits: Checking whether existing tokens meet WCAG AA against typical backgrounds.
  • Design system maintenance: Documenting colors with their full value set.
  • Color exploration: Discovering related variations you might not have considered.

Frequently Asked Questions