Pick a color

Color formats

hex#4F46E5

rgbrgb(79, 70, 229)

rgbargb(79, 70, 229)

hslhsl(243, 75%, 59%)

hslahsl(243, 75%, 59%)

Contrast (WCAG)

Foreground (text)

Background

Sample Aa

Contrast 17.85:1

	AA	AAA
Normal text	Pass	Pass
Large text (≥18pt or 14pt bold)	Pass	Pass

Site theme colors (DaisyUI)

Updates when you switch light/dark theme; click to copy HEX

Body text vs background should meet WCAG AA (≥4.5:1); AAA (≥7:1) for critical content
Avoid large areas of pure #000000 or #FFFFFF; slightly softer base colors improve readability
Prefer semantic tokens (primary, base-100, etc.) for consistent theming and dark mode
Site theme swatches below refresh when you change the theme in the header