Color Palette Generator
Generate palettes, shades, tints, tones, and harmonies.
Shades
#3b82f6
RGB: 59, 130, 246
HSL: 217, 91%, 60%
#3474db
RGB: 52, 116, 219
HSL: 217, 70%, 53%
#2e65bf
RGB: 46, 101, 191
HSL: 217, 61%, 46%
#2757a4
RGB: 39, 87, 164
HSL: 217, 62%, 40%
#214889
RGB: 33, 72, 137
HSL: 218, 61%, 33%
#1a3a6d
RGB: 26, 58, 109
HSL: 217, 61%, 26%
#142b52
RGB: 20, 43, 82
HSL: 218, 61%, 20%
#0d1d37
RGB: 13, 29, 55
HSL: 217, 62%, 13%
#070e1b
RGB: 7, 14, 27
HSL: 219, 59%, 7%
Tints
#3b82f6
RGB: 59, 130, 246
HSL: 217, 91%, 60%
#5190f7
RGB: 81, 144, 247
HSL: 217, 91%, 64%
#679ef8
RGB: 103, 158, 248
HSL: 217, 91%, 69%
#7cacf9
RGB: 124, 172, 249
HSL: 217, 91%, 73%
#92bafa
RGB: 146, 186, 250
HSL: 217, 91%, 78%
#a8c7fb
RGB: 168, 199, 251
HSL: 218, 91%, 82%
#bed5fc
RGB: 190, 213, 252
HSL: 218, 91%, 87%
#d3e3fd
RGB: 211, 227, 253
HSL: 217, 91%, 91%
#e9f1fe
RGB: 233, 241, 254
HSL: 217, 91%, 95%
Tones
#3b82f6
RGB: 59, 130, 246
HSL: 217, 91%, 60%
#4382e9
RGB: 67, 130, 233
HSL: 217, 79%, 59%
#4a81dc
RGB: 74, 129, 220
HSL: 217, 68%, 58%
#5281ce
RGB: 82, 129, 206
HSL: 217, 56%, 56%
#5981c1
RGB: 89, 129, 193
HSL: 217, 46%, 55%
#6181b4
RGB: 97, 129, 180
HSL: 217, 36%, 54%
#6980a7
RGB: 105, 128, 167
HSL: 218, 26%, 53%
#70809a
RGB: 112, 128, 154
HSL: 217, 17%, 52%
#78808d
RGB: 120, 128, 141
HSL: 217, 8%, 51%
Color Harmonies
Complementary
#3b82f6
RGB: 59, 130, 246
HSL: 217, 91%, 60%
Complementary
#f6af3b
RGB: 246, 175, 59
HSL: 37, 91%, 60%
Analogous
#3b82f6
RGB: 59, 130, 246
HSL: 217, 91%, 60%
Analogous
#523bf6
RGB: 82, 59, 246
HSL: 247, 91%, 60%
Analogous
#af3bf6
RGB: 175, 59, 246
HSL: 277, 91%, 60%
Analogous
#f63be0
RGB: 246, 59, 224
HSL: 307, 91%, 60%
Analogous
#f63b82
RGB: 246, 59, 130
HSL: 337, 91%, 60%
Analogous
#f6513b
RGB: 246, 81, 59
HSL: 7, 91%, 60%
Triadic
#3b82f6
RGB: 59, 130, 246
HSL: 217, 91%, 60%
Triadic
#f63b82
RGB: 246, 59, 130
HSL: 337, 91%, 60%
Triadic
#82f63b
RGB: 130, 246, 59
HSL: 97, 91%, 60%