Color Picker

#2b64e3

≈ royalblue
Picker
HEX
R
G
B
Upload Image

Color Codes

HEX
HSL
RGB
XYZ
CMYK
LAB
LCH
HSV

Color Variations and Combinations

This section aims to provide a clear representation of tints (created by adding pure white) and shades (created by adding pure black) for the chosen color, calculated in 10% increments.

Shades

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

Tints

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

Color Harmonies

Color harmonies create visually appealing combinations by selecting hues based on their positions on the color wheel. Each harmony conveys a unique aesthetic.

Complement

This harmony pairs a color with its direct opposite on the color wheel, 180 degrees apart, creating a striking, high-contrast effect.

Split-complementary

This scheme uses the base color alongside two colors adjacent to its complement, approximately 30 degrees from the opposite hue. It offers bold contrast with greater flexibility than a standard complementary pair.

Triadic

This harmony involves three colors evenly spaced around the color wheel, 120 degrees apart. For best results, let one color dominate while using the others as supporting accents.

Analogous

This combination includes three colors of similar luminance and saturation, positioned 30 degrees apart on the color wheel. It creates smooth, harmonious transitions.

Monochromatic

This scheme uses variations of the same hue, adjusted by ±50% in luminance, for a subtle and cohesive look.

Tetradic

This harmony combines two pairs of complementary colors, spaced 60 degrees apart on the color wheel, creating a dynamic and balanced palette.