Skip to main content

Free Tool

Color Picker & Converter

Pick a color, convert between formats (HEX, RGB, HSL, HWB), generate shades and tints, explore color harmonies, and check WCAG contrast ratios.

#C2775E
r194
g119
b94

WCAG Contrast Ratios

White Text

3.45:1

AA Large

Black Text

6.09:1

AA Pass

Color Formats

HEX#C2775E
RGBrgb(194, 119, 94)
HSLhsl(15, 45%, 56%)
HWBhwb(15 37% 24%)
CSS#C2775E

Shades (darker)

Tints (lighter)

Color Harmonies

Complementary

Analogous

Triadic

About This Color Picker

This free color picker tool lets you select any color and instantly convert it between HEX, RGB, HSL, and HWB formats. It also generates shades (darker variants), tints (lighter variants), and color harmonies including complementary, analogous, and triadic palettes.

The built-in WCAG contrast checker helps you verify that your text-on-background combinations meet accessibility standards. A ratio of 4.5:1 is required for AA compliance with normal text, while 3:1 is sufficient for large text.

All conversions happen instantly in your browser — no data is sent to any server. Click any color format to copy it to your clipboard, or click on shades and tints to explore variations.

Need a full accessibility audit?

Foglift checks color contrast, alt text, ARIA labels, and more — across your entire website.

Scan Your Website Free