Colors Local

Convert HEX, RGB, and HSL. Generate complementary palettes and check accessibility contrast ratios.

UtilityNo uploadFreeNo limits
Color Input
HEX
RGB
HSL
#3B82F6
Color Input
#523CF6
Analogous
#F6AF3C
Complementary
Contrast Checker
#3B82F6
#FFFFFF

Aa

Contrast Ratio

4.32
AA Fail
AAA Fail
// good to know

Frequently asked

The Web Content Accessibility Guidelines (WCAG) require a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for strict accessibility (AAA) to ensure text is readable for people with vision impairments.

Analogous colors are groups of three colors that are next to each other on the color wheel. They create rich, monochromatic looks.

A complementary color is the color exactly opposite on the color wheel. It creates high contrast and vibrant looks.

Yes, we use standard mathematical formulas to convert exactly between the HEX, RGB, and HSL color spaces.

// keep going

Related tools