Color Picker
#0070f3
RGB(0, 112, 243)
HSL(212, 100%, 48%)
System color picker
Palette Generator
Contrast Checker (WCAG)
Contrast Ratio
21.0:1
AAA Pass
AA Pass
WCAG standards: Normal text (<18px) needs AA 4.5:1, AAA 7:1. Large text (≥18px or ≥14px bold) needs AA 3:1, AAA 4.5:1.
Color Harmony Rules
Monochromatic
Variations in lightness and saturation of a single hue. Creates a cohesive, refined look.
Complementary
Colors opposite on the color wheel. High contrast and vibrant energy.
Analogous
Adjacent colors on the wheel (3-4 hues). Smooth, harmonious feel.
Triadic
Three evenly spaced colors (120° apart). Balanced vibrancy.
Tetradic
Two complementary pairs. The richest color combinations.