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

#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5

Variants

#002266
H: 220 S: 1 L: 0.2
#006610
H: 129 S: 1 L: 0.2
#660054
H: 311 S: 1 L: 0.2
#0c2659
H: 220 S: 0.76 L: 0.2
#0c5919
H: 130 S: 0.76 L: 0.2
#590c4c
H: 310 S: 0.76 L: 0.2
#192a4c
H: 220 S: 0.5 L: 0.2
#194c21
H: 129 S: 0.5 L: 0.2
#4c1943
H: 311 S: 0.5 L: 0.2
#262e3f
H: 221 S: 0.25 L: 0.2
#263f2a
H: 130 S: 0.25 L: 0.2
#3f263b
H: 310 S: 0.25 L: 0.2
#00349e
H: 220 S: 1 L: 0.31
#009e1a
H: 130 S: 1 L: 0.31
#9e0083
H: 310 S: 1 L: 0.31
#133b8a
H: 220 S: 0.76 L: 0.31
#138a27
H: 130 S: 0.76 L: 0.31
#8a1376
H: 310 S: 0.76 L: 0.31
#274176
H: 220 S: 0.5 L: 0.31
#277634
H: 130 S: 0.5 L: 0.31
#762769
H: 310 S: 0.5 L: 0.31
#3b4862
H: 220 S: 0.25 L: 0.31
#3b6241
H: 129 S: 0.25 L: 0.31
#623b5c
H: 309 S: 0.25 L: 0.31
#0047d6
H: 220 S: 1 L: 0.42
#00d623
H: 130 S: 1 L: 0.42
#d600b2
H: 310 S: 1 L: 0.42
#1a50bb
H: 220 S: 0.76 L: 0.42
#1abb35
H: 130 S: 0.76 L: 0.42
#bb1aa0
H: 310 S: 0.76 L: 0.42
#3559a0
H: 220 S: 0.5 L: 0.42
#35a047
H: 130 S: 0.5 L: 0.42
#a0358e
H: 310 S: 0.5 L: 0.42
#506285
H: 220 S: 0.25 L: 0.42
#508559
H: 130 S: 0.25 L: 0.42
#85507c
H: 310 S: 0.25 L: 0.42
#0f5fff
H: 220 S: 1 L: 0.53
#0fff37
H: 130 S: 1 L: 0.53
#ff0fd7
H: 310 S: 1 L: 0.53
#2d69e1
H: 220 S: 0.75 L: 0.53
#2de14b
H: 130 S: 0.75 L: 0.53
#e12dc3
H: 310 S: 0.75 L: 0.53
#4b73c3
H: 220 S: 0.5 L: 0.53
#4bc35f
H: 130 S: 0.5 L: 0.53
#c34baf
H: 310 S: 0.5 L: 0.53
#697da5
H: 220 S: 0.25 L: 0.53
#69a573
H: 130 S: 0.25 L: 0.53
#a5699b
H: 310 S: 0.25 L: 0.53
#4784ff
H: 220 S: 1 L: 0.64
#47ff65
H: 130 S: 1 L: 0.64
#ff47e0
H: 310 S: 1 L: 0.64
#5e8ce8
H: 220 S: 0.75 L: 0.64
#5ee875
H: 130 S: 0.75 L: 0.64
#e85ed1
H: 310 S: 0.75 L: 0.64
#7593d1
H: 220 S: 0.5 L: 0.64
#75d184
H: 130 S: 0.5 L: 0.64
#d175c1
H: 310 S: 0.5 L: 0.64
#8c9bba
H: 220 S: 0.25 L: 0.64
#8cba93
H: 129 S: 0.25 L: 0.64
#ba8cb2
H: 310 S: 0.25 L: 0.64
#7faaff
H: 220 S: 1 L: 0.75
#7fff94
H: 130 S: 1 L: 0.75
#ff7fe9
H: 310 S: 1 L: 0.75
#8fafef
H: 220 S: 0.75 L: 0.75
#8fef9f
H: 130 S: 0.75 L: 0.75
#ef8fdf
H: 310 S: 0.75 L: 0.75
#9fb4df
H: 220 S: 0.5 L: 0.75
#9fdfaa
H: 130 S: 0.5 L: 0.75
#df9fd4
H: 310 S: 0.5 L: 0.75
#afb9cf
H: 221 S: 0.25 L: 0.75
#afcfb4
H: 129 S: 0.25 L: 0.75
#cfafc9
H: 311 S: 0.25 L: 0.75
#b7cfff
H: 220 S: 1 L: 0.86
#b7ffc3
H: 130 S: 1 L: 0.86
#ffb7f3
H: 310 S: 1 L: 0.86
#c0d2f6
H: 220 S: 0.75 L: 0.86
#c0f6c9
H: 130 S: 0.75 L: 0.86
#f6c0ed
H: 310 S: 0.75 L: 0.86
#c9d5ed
H: 220 S: 0.5 L: 0.86
#c9edcf
H: 130 S: 0.5 L: 0.86
#edc9e7
H: 310 S: 0.5 L: 0.86
#d2d8e4
H: 220 S: 0.25 L: 0.86
#d2e4d5
H: 130 S: 0.25 L: 0.86
#e4d2e1
H: 310 S: 0.25 L: 0.86
#eff4ff
H: 221 S: 1 L: 0.97
#effff2
H: 131 S: 1 L: 0.97
#ffeffc
H: 311 S: 1 L: 0.97
#f1f5fd
H: 220 S: 0.75 L: 0.97
#f1fdf3
H: 130 S: 0.75 L: 0.97
#fdf1fb
H: 310 S: 0.75 L: 0.97
#f3f6fb
H: 218 S: 0.5 L: 0.97
#f3fbf4
H: 128 S: 0.5 L: 0.97
#fbf3f9
H: 315 S: 0.5 L: 0.97
#f5f6f9
H: 225 S: 0.25 L: 0.97
#f5f9f6
H: 135 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
#c68605
H: 40 S: 0.95 L: 0.4
#ad7d1e
H: 40 S: 0.7 L: 0.4
#937538
H: 40 S: 0.45 L: 0.4
#d99f2a
H: 40 S: 0.7 L: 0.51
#ba9449
H: 40 S: 0.45 L: 0.51
#e1b45a
H: 40 S: 0.69 L: 0.62
#c9ac72
H: 40 S: 0.45 L: 0.62
#eaca89
H: 40 S: 0.7 L: 0.73
#d9c49b
H: 40 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.

#e8eefc
H: 222 S: 0.77 L: 0.95
#3fbf54
H: 130 S: 0.5 L: 0.5
#f00ecb
H: 310 S: 0.89 L: 0.5
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#395fac
H: 220 S: 0.5 L: 0.45
#42bc56
H: 130 S: 0.48 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#da90cd
H: 311 S: 0.5 L: 0.71
#5e74a0
H: 220 S: 0.26 L: 0.5
#5aa466
H: 130 S: 0.29 L: 0.5
#a55998
H: 310 S: 0.3 L: 0.5
#f3a60b
H: 40 S: 0.91 L: 0.5
#9fb4df
H: 220 S: 0.5 L: 0.75
#0bf332
H: 130 S: 0.91 L: 0.5
#b73da3
H: 310 S: 0.5 L: 0.48
#7f7f7f
H: 0 S: 0 L: 0.5
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#ef0fca
H: 310 S: 0.88 L: 0.5
#f2f2f2
H: 0 S: 0 L: 0.95
#3f6abf
H: 220 S: 0.5 L: 0.5
#21dd40
H: 130 S: 0.74 L: 0.5
#9e6093
H: 311 S: 0.24 L: 0.5
#826f49
H: 40 S: 0.28 L: 0.4
#e8c47c
H: 40 S: 0.7 L: 0.7
#6686c6
H: 220 S: 0.46 L: 0.59
#287a36
H: 130 S: 0.51 L: 0.32
#f20ccb
H: 310 S: 0.91 L: 0.5
#b4a27d
H: 40 S: 0.27 L: 0.6
#b40897
H: 310 S: 0.91 L: 0.37
#7190cf
H: 220 S: 0.49 L: 0.63
#3fbf54
H: 130 S: 0.5 L: 0.5
#cc33b2
H: 310 S: 0.6 L: 0.5
#14223c
H: 219 S: 0.5 L: 0.16
#d0ab61
H: 40 S: 0.54 L: 0.6
#436dc0
H: 220 S: 0.5 L: 0.51
#36c84f
H: 130 S: 0.57 L: 0.5
#971081
H: 310 S: 0.81 L: 0.33
#1c6829
H: 130 S: 0.58 L: 0.26
#d7ad5a
H: 40 S: 0.61 L: 0.6
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b37f18
H: 40 S: 0.76 L: 0.4
#d788ca
H: 310 S: 0.5 L: 0.69
#123e95
H: 220 S: 0.78 L: 0.33
#55a963
H: 130 S: 0.33 L: 0.5
#e197d5
H: 310 S: 0.55 L: 0.74
#5571a9
H: 220 S: 0.33 L: 0.5
#c9ba9b
H: 40 S: 0.3 L: 0.7
#c3963b
H: 40 S: 0.54 L: 0.5
#5e82c9
H: 220 S: 0.5 L: 0.58
#3fbf54
H: 130 S: 0.5 L: 0.5
#ee10c9
H: 310 S: 0.87 L: 0.5
#7ea6f6
H: 220 S: 0.87 L: 0.73
#939393
H: 0 S: 0 L: 0.58
#c95eb7
H: 310 S: 0.5 L: 0.58
#65789e
H: 220 S: 0.23 L: 0.51
#a5ceac
H: 130 S: 0.29 L: 0.73
#7e1a6d
H: 310 S: 0.66 L: 0.3
#4c4c4c
H: 0 S: 0 L: 0.3
#eb9dde
H: 310 S: 0.66 L: 0.77
#1a7e2a
H: 130 S: 0.66 L: 0.3
#567cc6
H: 220 S: 0.5 L: 0.56
#3fbf54
H: 130 S: 0.5 L: 0.5
#b828a0
H: 310 S: 0.64 L: 0.44
#277634
H: 130 S: 0.5 L: 0.31
#b2904c
H: 40 S: 0.4 L: 0.5
#e1c283
H: 40 S: 0.61 L: 0.7
#eefbf0
H: 129 S: 0.62 L: 0.96
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#ca34b1
H: 310 S: 0.59 L: 0.5
#88d795
H: 130 S: 0.5 L: 0.69
#b3a17e
H: 40 S: 0.26 L: 0.6
#ebd6ac
H: 40 S: 0.61 L: 0.8
#fcf7fb
H: 312 S: 0.45 L: 0.98
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#a98d55
H: 40 S: 0.33 L: 0.5
#f8ebf6
H: 309 S: 0.48 L: 0.95
#da9d24
H: 40 S: 0.72 L: 0.5
#f9eff8
H: 306 S: 0.45 L: 0.96
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#b747a4
H: 310 S: 0.44 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#8dd298
H: 130 S: 0.43 L: 0.69
#bdcce9
H: 220 S: 0.5 L: 0.83
#2a416e
H: 220 S: 0.45 L: 0.3
#174fbe
H: 220 S: 0.78 L: 0.42
#2c903d
H: 130 S: 0.53 L: 0.37
#ef0fca
H: 310 S: 0.88 L: 0.5
#c1953d
H: 40 S: 0.52 L: 0.5
#0fef34
H: 130 S: 0.88 L: 0.5
#902c7f
H: 310 S: 0.53 L: 0.37
#7f7f7f
H: 0 S: 0 L: 0.5
#ded2b9
H: 41 S: 0.36 L: 0.8
#567cc6
H: 220 S: 0.5 L: 0.56
#629c6b
H: 129 S: 0.23 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#f7f2f6
H: 312 S: 0.24 L: 0.96
#1b202b
H: 221 S: 0.23 L: 0.14
#3a465e
H: 220 S: 0.24 L: 0.3
#a7bae1
H: 220 S: 0.49 L: 0.77
#d788ca
H: 310 S: 0.5 L: 0.69
#2a6bed
H: 220 S: 0.84 L: 0.55
#3fbf54
H: 130 S: 0.5 L: 0.5
#d788ca
H: 310 S: 0.5 L: 0.69
#8c8c8c
H: 0 S: 0 L: 0.55
#afafaf
H: 0 S: 0 L: 0.69
#848484
H: 0 S: 0 L: 0.52
#3f3f3f
H: 0 S: 0 L: 0.25
#848484
H: 0 S: 0 L: 0.52
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#c0840b
H: 40 S: 0.89 L: 0.4
#7f7f7f
H: 0 S: 0 L: 0.5
#3d1436
H: 310 S: 0.51 L: 0.16
#c7b99d
H: 40 S: 0.27 L: 0.7
#e0f4e3
H: 129 S: 0.48 L: 0.92
#5e74a0
H: 220 S: 0.26 L: 0.5
#1cec3f
H: 130 S: 0.85 L: 0.52
#f806d0
H: 310 S: 0.95 L: 0.5
#1c61ec
H: 220 S: 0.85 L: 0.52
#ffffff
H: 0 S: 0 L: 1
#ead6ad
H: 40 S: 0.59 L: 0.8
#38603f
H: 131 S: 0.26 L: 0.3
#a0fcaf
H: 130 S: 0.94 L: 0.81
#9d782e
H: 40 S: 0.55 L: 0.4
#34579c
H: 220 S: 0.5 L: 0.41
#16e839
H: 130 S: 0.83 L: 0.5
#b83ba4
H: 310 S: 0.51 L: 0.48
#349c45
H: 130 S: 0.5 L: 0.41
#7a7a7a
H: 0 S: 0 L: 0.48
#d49b2a
H: 40 S: 0.67 L: 0.5
#e915c6
H: 310 S: 0.83 L: 0.5
#ecd6ab
H: 40 S: 0.63 L: 0.8
#5bef74
H: 130 S: 0.82 L: 0.65
#3f6abf
H: 220 S: 0.5 L: 0.5
#3fbf54
H: 130 S: 0.5 L: 0.5
#bf3fa9
H: 310 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#777777
H: 0 S: 0 L: 0.47
#efefef
H: 0 S: 0 L: 0.94
#545454
H: 0 S: 0 L: 0.33
#6d6d6d
H: 0 S: 0 L: 0.43
#999999
H: 0 S: 0 L: 0.6
#88a2d7
H: 220 S: 0.5 L: 0.69
#36c84f
H: 130 S: 0.57 L: 0.5
#a35b97
H: 310 S: 0.28 L: 0.5
#d788ca
H: 310 S: 0.5 L: 0.69
#91743a
H: 40 S: 0.43 L: 0.4
#5b73a3
H: 220 S: 0.28 L: 0.5
#bda574
H: 40 S: 0.36 L: 0.6
#fdfafd
H: 300 S: 0.43 L: 0.99
#152950
H: 220 S: 0.58 L: 0.2
#1e67fa
H: 220 S: 0.96 L: 0.55
#50ae60
H: 130 S: 0.37 L: 0.5
#e915c6
H: 310 S: 0.83 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#d5fbdb
H: 129 S: 0.83 L: 0.91
#5f93fb
H: 220 S: 0.95 L: 0.68
#04cc25
H: 130 S: 0.96 L: 0.41
#ae509e
H: 310 S: 0.37 L: 0.5
#1efa42
H: 130 S: 0.96 L: 0.55
#fc78e6
H: 310 S: 0.96 L: 0.73
#486db6
H: 220 S: 0.43 L: 0.5
#38c64f
H: 130 S: 0.56 L: 0.5
#c539ae
H: 310 S: 0.55 L: 0.5
#f9ebf7
H: 309 S: 0.54 L: 0.95
#af8f4f
H: 40 S: 0.38 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#eaa314
H: 40 S: 0.84 L: 0.5
#262626
H: 0 S: 0 L: 0.15
#772169
H: 310 S: 0.57 L: 0.3
#df8fd2
H: 310 S: 0.56 L: 0.72
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.