←

Color Picker

HEX/RGB/HSL WCAG Shades
Tip: Press / to focus quick search on many pages. Here, try Eyedropper or Random.

WCAG Contrast

Checks your color as Text on Light (#ffffff) and Dark (#0b1020) backgrounds.

On Light
Aa
Ratio-
Normal (4.5)-
Large (3.0)-
AAA (7.0)-
On Dark
Aa
Ratio-
Normal (4.5)-
Large (3.0)-
AAA (7.0)-

Shades & Tints

Auto-generated from your color (lighter → darker). Click any swatch to copy HEX.

Saved Swatches

Your starred colors (stored locally on this device). Click to copy.

CSS & Utility Snippets

CSS background & text example

          
        

        

          
Tailwind style utilities (approx)