What does the contrast ratio mean?

It measures how readable text is against a background. WCAG AA requires at least 4.5:1 for normal text (3:1 for large text); AAA requires 7:1.

UtilitiesReady to use

Color Converter

Convert colors between HEX, RGB, and HSL in real time.

Guide

Interactive workspace

No account required

Color Converter

HEX

#2563eb

RGB

37, 99, 235

HSL

221, 83%, 53%

Palette & contrast checker

Generate complementary/analogous colors and check WCAG contrast against another color.

Complementary & analogous

#25c6eb

#4a25eb

#2563eb

#ebad25

Compare against

Contrast ratio 5.17:1 — passes WCAG AA for normal text.

How to use it

Enter a six-digit HEX value, including #, or use the color picker.
Read the RGB and HSL equivalents.
Expand Palette & contrast checker to compare another six-digit HEX background.

What is Color Converter?

Convert colors between HEX, RGB, and HSL in real time.

How it works

SiteIndex converts a color across HEX, RGB, and HSL instantly. The Advanced panel generates a complementary/analogous palette and checks WCAG contrast against a second color.

Common uses

Convert a brand color between HEX, RGB, and HSL for design or code.
Generate a quick complementary or analogous color palette.
Check text/background contrast against WCAG AA/AAA before publishing.

Limitations

The interface accepts six-digit HEX, not arbitrary CSS color syntax or alpha channels.
Contrast applies to the two solid colors, not text over images or translucent layers.

Frequently asked questions

What does the contrast ratio mean?: It measures how readable text is against a background. WCAG AA requires at least 4.5:1 for normal text (3:1 for large text); AAA requires 7:1.