Generate complementary, triadic, analogous, and monochrome palettes from any base color. Includes accessible contrast scoring against white and black.

Base colourhsl(262, 83%, 58%)

Complementary · 2 colours

#7c3aed
rgb(124, 58, 237)
on white 5.7 · AAA
on black 3.7 · AA
#abed3a
rgb(171, 237, 58)
on white 1.4 · ✗
on black 14.9 · AAA

Analogous · 5 colours

#3aabed
rgb(58, 171, 237)
on white 2.6 · ✗
on black 8.2 · AAA
#3a52ed
rgb(58, 82, 237)
on white 5.8 · AAA
on black 3.6 · AA
#7c3aed
rgb(124, 58, 237)
on white 5.7 · AAA
on black 3.7 · AA
#d53aed
rgb(213, 58, 237)
on white 3.7 · AA
on black 5.7 · AAA
#ed3aab
rgb(237, 58, 171)
on white 3.6 · AA
on black 5.8 · AAA

Triadic · 3 colours

#7c3aed
rgb(124, 58, 237)
on white 5.7 · AAA
on black 3.7 · AA
#ed7c3a
rgb(237, 124, 58)
on white 2.8 · ✗
on black 7.5 · AAA
#3aed7c
rgb(58, 237, 124)
on white 1.5 · ✗
on black 13.6 · AAA

Split-complementary · 3 colours

#7c3aed
rgb(124, 58, 237)
on white 5.7 · AAA
on black 3.7 · AA
#edd53a
rgb(237, 213, 58)
on white 1.5 · ✗
on black 14.2 · AAA
#52ed3a
rgb(82, 237, 58)
on white 1.6 · ✗
on black 13.5 · AAA

Tetradic · 4 colours

#7c3aed
rgb(124, 58, 237)
on white 5.7 · AAA
on black 3.7 · AA
#ed3a52
rgb(237, 58, 82)
on white 3.9 · AA
on black 5.3 · AAA
#abed3a
rgb(171, 237, 58)
on white 1.4 · ✗
on black 14.9 · AAA
#3aedd5
rgb(58, 237, 213)
on white 1.5 · ✗
on black 14.3 · AAA

Monochromatic · 5 colours

#e6dafc
rgb(230, 218, 252)
on white 1.3 · ✗
on black 15.8 · AAA
#a273f2
rgb(162, 115, 242)
on white 3.4 · AA
on black 6.3 · AAA
#6415ea
rgb(100, 21, 234)
on white 7.4 · AAA
on black 2.8 · ✗
#3c0d8c
rgb(60, 13, 140)
on white 12.9 · AAA
on black 1.6 · ✗
#180538
rgb(24, 5, 56)
on white 18.8 · AAA
on black 1.1 · ✗

Color Palette Generator