🎨 Color Code Generator & Picker

Generate color codes, variations, harmonies, and check contrast ratios

Color Conversion

Blue
#2596be
rgb(37, 150, 190)
hsl(196, 67%, 45%)
cmyk(81%, 21%, 0%, 25%)
hsv(196, 81%, 75%)
hwb(196, 15%, 25%)

Variations

Shades (pure black added) and Tints (pure white added) in 10% increments

Shades (Darker)

Tints (Lighter)

Color Combinations

Each harmony has its own mood. Click any color to use it.

Complementary

A color and its opposite on the color wheel (+180°). High contrast, best for CTAs and logos.

Split-Complementary

A color and two adjacent to its complement (±30° from opposite). Bold yet versatile.

Triadic

Three colors evenly spaced (120° apart). Best for playful, energetic designs.

Analogous

Adjacent colors on the wheel (30° apart). Smooth transitions, nature-inspired.

Monochromatic

Same hue with different lightness (±50%). Subtle and refined.

Tetradic

Two complementary pairs (60° apart). Rich, diverse color schemes.

Color Contrast Checker

Test color combinations for WCAG accessibility standards

Sample Text
1.00:1
Small text (AA) ✖ Fail
Small text (AAA) ✖ Fail
Large text (AA) ✖ Fail
Large text (AAA) ✖ Fail