Color Match Maker

This page shows you other colors you can add to your scheme. For the most part you can choose any color you like on this page, as long as you still use colors with all the 3 different hues in the basic scheme.

But remember that the less number of colors you choose, the easier it is to make soomthing which looks good.

Basic scheme

#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5

Variants

#080066
H: 245 S: 1 L: 0.2
#2a6600
H: 95 S: 1 L: 0.2
#66005d
H: 305 S: 1 L: 0.2
#130c59
H: 245 S: 0.76 L: 0.2
#2c590c
H: 95 S: 0.76 L: 0.2
#590c52
H: 305 S: 0.76 L: 0.2
#1d194c
H: 245 S: 0.5 L: 0.2
#2e4c19
H: 95 S: 0.5 L: 0.2
#4c1948
H: 305 S: 0.5 L: 0.2
#28263f
H: 245 S: 0.25 L: 0.2
#303f26
H: 96 S: 0.25 L: 0.2
#3f263d
H: 305 S: 0.25 L: 0.2
#0d009e
H: 245 S: 1 L: 0.31
#419e00
H: 95 S: 1 L: 0.31
#9e0090
H: 305 S: 1 L: 0.31
#1d138a
H: 245 S: 0.76 L: 0.31
#458a13
H: 95 S: 0.76 L: 0.31
#8a1380
H: 305 S: 0.76 L: 0.31
#2e2776
H: 245 S: 0.5 L: 0.31
#487627
H: 95 S: 0.5 L: 0.31
#76276f
H: 305 S: 0.5 L: 0.31
#3e3b62
H: 245 S: 0.25 L: 0.31
#4b623b
H: 95 S: 0.25 L: 0.31
#623b5f
H: 305 S: 0.25 L: 0.31
#1100d6
H: 245 S: 1 L: 0.42
#59d600
H: 95 S: 1 L: 0.42
#d600c4
H: 305 S: 1 L: 0.42
#281abb
H: 245 S: 0.76 L: 0.42
#5dbb1a
H: 95 S: 0.76 L: 0.42
#bb1aae
H: 305 S: 0.76 L: 0.42
#3e35a0
H: 245 S: 0.5 L: 0.42
#62a035
H: 95 S: 0.5 L: 0.42
#a03597
H: 305 S: 0.5 L: 0.42
#545085
H: 245 S: 0.25 L: 0.42
#668550
H: 95 S: 0.25 L: 0.42
#855081
H: 305 S: 0.25 L: 0.42
#230fff
H: 245 S: 1 L: 0.53
#73ff0f
H: 95 S: 1 L: 0.53
#ff0feb
H: 305 S: 1 L: 0.53
#3c2de1
H: 245 S: 0.75 L: 0.53
#78e12d
H: 95 S: 0.75 L: 0.53
#e12dd2
H: 305 S: 0.75 L: 0.53
#554bc3
H: 245 S: 0.5 L: 0.53
#7dc34b
H: 95 S: 0.5 L: 0.53
#c34bb9
H: 305 S: 0.5 L: 0.53
#6e69a5
H: 245 S: 0.25 L: 0.53
#82a569
H: 95 S: 0.25 L: 0.53
#a569a0
H: 305 S: 0.25 L: 0.53
#5647ff
H: 245 S: 1 L: 0.64
#93ff47
H: 95 S: 1 L: 0.64
#ff47ef
H: 305 S: 1 L: 0.64
#695ee8
H: 245 S: 0.75 L: 0.64
#97e85e
H: 95 S: 0.75 L: 0.64
#e85edc
H: 305 S: 0.75 L: 0.64
#7c75d1
H: 245 S: 0.5 L: 0.64
#9bd175
H: 95 S: 0.5 L: 0.64
#d175c9
H: 305 S: 0.5 L: 0.64
#908cba
H: 245 S: 0.25 L: 0.64
#9fba8c
H: 95 S: 0.25 L: 0.64
#ba8cb6
H: 305 S: 0.25 L: 0.64
#8a7fff
H: 245 S: 1 L: 0.75
#b4ff7f
H: 95 S: 1 L: 0.75
#ff7ff4
H: 305 S: 1 L: 0.75
#978fef
H: 245 S: 0.75 L: 0.75
#b7ef8f
H: 95 S: 0.75 L: 0.75
#ef8fe7
H: 305 S: 0.75 L: 0.75
#a49fdf
H: 245 S: 0.5 L: 0.75
#b9df9f
H: 96 S: 0.5 L: 0.75
#df9fd9
H: 306 S: 0.5 L: 0.75
#b1afcf
H: 244 S: 0.25 L: 0.75
#bccfaf
H: 96 S: 0.25 L: 0.75
#cfafcc
H: 306 S: 0.25 L: 0.75
#bdb7ff
H: 245 S: 1 L: 0.86
#d5ffb7
H: 95 S: 1 L: 0.86
#ffb7f9
H: 305 S: 1 L: 0.86
#c4c0f6
H: 244 S: 0.75 L: 0.86
#d6f6c0
H: 96 S: 0.75 L: 0.86
#f6c0f1
H: 306 S: 0.75 L: 0.86
#ccc9ed
H: 245 S: 0.5 L: 0.86
#d8edc9
H: 95 S: 0.5 L: 0.86
#edc9ea
H: 305 S: 0.5 L: 0.86
#d3d2e4
H: 243 S: 0.25 L: 0.86
#d9e4d2
H: 97 S: 0.25 L: 0.86
#e4d2e2
H: 307 S: 0.25 L: 0.86
#f0efff
H: 244 S: 1 L: 0.97
#f6ffef
H: 94 S: 1 L: 0.97
#ffeffd
H: 308 S: 1 L: 0.97
#f2f1fd
H: 245 S: 0.75 L: 0.97
#f6fdf1
H: 95 S: 0.75 L: 0.97
#fdf1fc
H: 305 S: 0.75 L: 0.97
#f4f3fb
H: 248 S: 0.5 L: 0.97
#f6fbf3
H: 98 S: 0.5 L: 0.97
#fbf3fa
H: 308 S: 0.5 L: 0.97
#f5f5f9
H: 240 S: 0.25 L: 0.97
#f7f9f5
H: 90 S: 0.25 L: 0.97
#f9f5f8
H: 315 S: 0.25 L: 0.97

Neutral colors

#191919
H: 0 S: 0 L: 0.1
#333333
H: 0 S: 0 L: 0.2
#4c4c4c
H: 0 S: 0 L: 0.3
#666666
H: 0 S: 0 L: 0.4
#7f7f7f
H: 0 S: 0 L: 0.5
#999999
H: 0 S: 0 L: 0.6
#b2b2b2
H: 0 S: 0 L: 0.7
#cbcbcb
H: 0 S: 0 L: 0.8
#e5e5e5
H: 0 S: 0 L: 0.9
#c67605
H: 35 S: 0.95 L: 0.4
#ad711e
H: 35 S: 0.7 L: 0.4
#936d38
H: 35 S: 0.45 L: 0.4
#d9902a
H: 35 S: 0.7 L: 0.51
#ba8b49
H: 35 S: 0.45 L: 0.51
#e1a95a
H: 35 S: 0.69 L: 0.62
#c9a572
H: 35 S: 0.45 L: 0.62
#eac289
H: 35 S: 0.7 L: 0.73
#d9bf9b
H: 35 S: 0.45 L: 0.73

Example combinations

Each line below shows an example of a complete color scheme. Your basic colors are combined with different shades, lights and neutral colors.

#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#8b86bf
H: 245 S: 0.31 L: 0.64
#86af68
H: 95 S: 0.31 L: 0.55
#fd01e8
H: 305 S: 0.99 L: 0.5
#2513eb
H: 245 S: 0.85 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#fce7fa
H: 306 S: 0.78 L: 0.95
#645eaa
H: 245 S: 0.31 L: 0.52
#7a9f5f
H: 95 S: 0.25 L: 0.5
#dbbcd9
H: 304 S: 0.3 L: 0.8
#757575
H: 0 S: 0 L: 0.46
#2b219b
H: 245 S: 0.65 L: 0.37
#9fde72
H: 95 S: 0.62 L: 0.66
#ca9ac6
H: 305 S: 0.31 L: 0.7
#d78e27
H: 35 S: 0.69 L: 0.5
#8e8ac1
H: 244 S: 0.31 L: 0.65
#a0c486
H: 95 S: 0.34 L: 0.65
#a757a0
H: 305 S: 0.31 L: 0.5
#f6f9f4
H: 96 S: 0.29 L: 0.97
#5850ae
H: 245 S: 0.37 L: 0.5
#72cd31
H: 95 S: 0.61 L: 0.5
#903688
H: 305 S: 0.45 L: 0.39
#636363
H: 0 S: 0 L: 0.39
#3122dc
H: 245 S: 0.73 L: 0.5
#589031
H: 95 S: 0.49 L: 0.38
#fb9cf3
H: 305 S: 0.92 L: 0.8
#7f7f7f
H: 0 S: 0 L: 0.5
#cccccc
H: 0 S: 0 L: 0.8
#3122dc
H: 245 S: 0.73 L: 0.5
#7a9f5f
H: 95 S: 0.25 L: 0.5
#a955a2
H: 305 S: 0.33 L: 0.5
#6fdc22
H: 95 S: 0.73 L: 0.5
#6c3668
H: 304 S: 0.33 L: 0.32
#eeeef6
H: 240 S: 0.31 L: 0.95
#78a757
H: 95 S: 0.31 L: 0.5
#a35b9d
H: 305 S: 0.28 L: 0.5
#bc8942
H: 35 S: 0.48 L: 0.5
#fefcfa
H: 30 S: 0.67 L: 0.99
#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#a3a3a3
H: 0 S: 0 L: 0.64
#a5a5a5
H: 0 S: 0 L: 0.65
#4236c8
H: 245 S: 0.57 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#958ee0
H: 245 S: 0.57 L: 0.72
#e08f1e
H: 35 S: 0.76 L: 0.5
#cfa262
H: 35 S: 0.53 L: 0.6
#15098f
H: 245 S: 0.88 L: 0.3
#78a757
H: 95 S: 0.31 L: 0.5
#6e3a69
H: 306 S: 0.31 L: 0.33
#eda744
H: 35 S: 0.82 L: 0.6
#ab7120
H: 35 S: 0.68 L: 0.4
#f3fdeb
H: 93 S: 0.82 L: 0.96
#3b2dd1
H: 245 S: 0.65 L: 0.5
#b9f192
H: 95 S: 0.77 L: 0.76
#d42ac6
H: 305 S: 0.67 L: 0.5
#c1c1c1
H: 0 S: 0 L: 0.76
#7f7f7f
H: 0 S: 0 L: 0.5
#2a550b
H: 95 S: 0.77 L: 0.19
#5e57a7
H: 245 S: 0.31 L: 0.5
#58803c
H: 95 S: 0.36 L: 0.37
#703c6c
H: 305 S: 0.3 L: 0.34
#ebd1ac
H: 35 S: 0.61 L: 0.8
#7f7f7f
H: 0 S: 0 L: 0.5
#f6eef5
H: 308 S: 0.31 L: 0.95
#aeabd3
H: 245 S: 0.31 L: 0.75
#75bd41
H: 95 S: 0.49 L: 0.5
#802d79
H: 305 S: 0.48 L: 0.34
#565656
H: 0 S: 0 L: 0.34
#cd6ec5
H: 305 S: 0.49 L: 0.62
#685fc8
H: 245 S: 0.49 L: 0.58
#a6c490
H: 95 S: 0.31 L: 0.67
#2a19e5
H: 245 S: 0.8 L: 0.5
#85a172
H: 96 S: 0.2 L: 0.54
#e11dd1
H: 305 S: 0.77 L: 0.5
#6be519
H: 96 S: 0.8 L: 0.5
#e1ba83
H: 35 S: 0.61 L: 0.7
#a1729d
H: 305 S: 0.2 L: 0.54
#9a92f0
H: 245 S: 0.76 L: 0.76
#5c56a3
H: 245 S: 0.31 L: 0.49
#80ac61
H: 95 S: 0.31 L: 0.53
#92348a
H: 305 S: 0.47 L: 0.39
#828282
H: 0 S: 0 L: 0.51
#8c8c8c
H: 0 S: 0 L: 0.55
#969696
H: 0 S: 0 L: 0.59
#b5b5b5
H: 0 S: 0 L: 0.71
#a5a1cd
H: 245 S: 0.31 L: 0.72
#77b24c
H: 95 S: 0.4 L: 0.5
#bb43b1
H: 305 S: 0.47 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#6e3a69
H: 306 S: 0.31 L: 0.33
#e0cfb7
H: 35 S: 0.4 L: 0.8
#4a6736
H: 96 S: 0.31 L: 0.31
#5951ad
H: 245 S: 0.36 L: 0.5
#678f4b
H: 95 S: 0.31 L: 0.43
#cf1ac0
H: 305 S: 0.78 L: 0.46
#956d36
H: 35 S: 0.47 L: 0.4
#d3b791
H: 35 S: 0.43 L: 0.7
#2919d0
H: 245 S: 0.79 L: 0.46
#673663
H: 305 S: 0.31 L: 0.31
#66d019
H: 95 S: 0.79 L: 0.46
#b8b5d8
H: 245 S: 0.31 L: 0.78
#a3c38d
H: 96 S: 0.31 L: 0.66
#c638bb
H: 305 S: 0.56 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#a8a8a8
H: 0 S: 0 L: 0.66
#e0e0e0
H: 0 S: 0 L: 0.88
#f7f7f7
H: 0 S: 0 L: 0.97
#303030
H: 0 S: 0 L: 0.19
#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#decfb9
H: 36 S: 0.36 L: 0.8
#e18f1d
H: 35 S: 0.77 L: 0.5
#3c386a
H: 245 S: 0.31 L: 0.32
#8580bc
H: 245 S: 0.31 L: 0.62
#54743d
H: 95 S: 0.31 L: 0.35
#4b4685
H: 245 S: 0.31 L: 0.4
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#ccb698
H: 35 S: 0.34 L: 0.7
#aba8d1
H: 244 S: 0.31 L: 0.74
#57783f
H: 95 S: 0.31 L: 0.36
#e3a54e
H: 35 S: 0.73 L: 0.6
#a87123
H: 35 S: 0.66 L: 0.4
#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#eeeef6
H: 240 S: 0.31 L: 0.95
#bb8943
H: 35 S: 0.47 L: 0.5
#10170c
H: 98 S: 0.31 L: 0.07
#f2920c
H: 35 S: 0.91 L: 0.5
#dce8d3
H: 94 S: 0.31 L: 0.87
#ebaf5a
H: 35 S: 0.78 L: 0.64
#a4a0d9
H: 244 S: 0.43 L: 0.74
#89b16c
H: 95 S: 0.31 L: 0.56
#a757a0
H: 305 S: 0.31 L: 0.5
#383838
H: 0 S: 0 L: 0.22
#dbdbdb
H: 0 S: 0 L: 0.86
#e2e2e2
H: 0 S: 0 L: 0.89
#1e1e1e
H: 0 S: 0 L: 0.12
#070707
H: 0 S: 0 L: 0.03
#b7b7b7
H: 0 S: 0 L: 0.72
#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#cfb795
H: 35 S: 0.38 L: 0.7
#f0920e
H: 35 S: 0.89 L: 0.5
#bc8942
H: 35 S: 0.48 L: 0.5
#643460
H: 305 S: 0.32 L: 0.3
#2d3f21
H: 96 S: 0.31 L: 0.19
#e8e7f2
H: 245 S: 0.3 L: 0.93
#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#9bbd83
H: 95 S: 0.31 L: 0.63
#321a30
H: 305 S: 0.32 L: 0.15
#aba8d1
H: 244 S: 0.31 L: 0.74
#d4e2c9
H: 94 S: 0.3 L: 0.84
#fbfbfd
H: 240 S: 0.33 L: 0.99
#878787
H: 0 S: 0 L: 0.53
#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#b572af
H: 305 S: 0.31 L: 0.58
#c8b69c
H: 35 S: 0.29 L: 0.7
#aa7121
H: 35 S: 0.67 L: 0.4
#e3a54e
H: 35 S: 0.73 L: 0.6
#ebdaea
H: 304 S: 0.3 L: 0.89
#743d70
H: 304 S: 0.31 L: 0.35
#4a6736
H: 96 S: 0.31 L: 0.31
#312d56
H: 246 S: 0.31 L: 0.26
#5e57a7
H: 245 S: 0.31 L: 0.5
#78a757
H: 95 S: 0.31 L: 0.5
#a757a0
H: 305 S: 0.31 L: 0.5
#eb9113
H: 35 S: 0.85 L: 0.5
#faf3ea
H: 34 S: 0.62 L: 0.95
#b78847
H: 35 S: 0.44 L: 0.5
#3c386a
H: 245 S: 0.31 L: 0.32
#edddec
H: 304 S: 0.31 L: 0.9
#9b97c8
H: 245 S: 0.31 L: 0.69
#91b676
H: 95 S: 0.3 L: 0.59
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.