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 4 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

#31617b
H: 201 S: 0.43 L: 0.34
#317b4b
H: 141 S: 0.43 L: 0.34
#317b70
H: 171 S: 0.43 L: 0.34
#7b313c
H: 351 S: 0.43 L: 0.34

Variants

#004266
H: 201 S: 1 L: 0.2
#006623
H: 141 S: 1 L: 0.2
#006656
H: 171 S: 1 L: 0.2
#66000f
H: 351 S: 1 L: 0.2
#0c3e59
H: 201 S: 0.76 L: 0.2
#0c5927
H: 141 S: 0.76 L: 0.2
#0c594d
H: 171 S: 0.76 L: 0.2
#590c18
H: 351 S: 0.76 L: 0.2
#193a4c
H: 201 S: 0.5 L: 0.2
#194c2b
H: 141 S: 0.5 L: 0.2
#194c44
H: 171 S: 0.5 L: 0.2
#4c1921
H: 351 S: 0.5 L: 0.2
#26363f
H: 202 S: 0.25 L: 0.2
#263f2f
H: 142 S: 0.25 L: 0.2
#263f3b
H: 170 S: 0.25 L: 0.2
#3f262a
H: 350 S: 0.25 L: 0.2
#00669e
H: 201 S: 1 L: 0.31
#009e37
H: 141 S: 1 L: 0.31
#009e86
H: 171 S: 1 L: 0.31
#9e0017
H: 351 S: 1 L: 0.31
#13608a
H: 201 S: 0.76 L: 0.31
#138a3d
H: 141 S: 0.76 L: 0.31
#138a78
H: 171 S: 0.76 L: 0.31
#8a1325
H: 351 S: 0.76 L: 0.31
#275a76
H: 201 S: 0.5 L: 0.31
#277643
H: 141 S: 0.5 L: 0.31
#27766a
H: 171 S: 0.5 L: 0.31
#762733
H: 351 S: 0.5 L: 0.31
#3b5462
H: 202 S: 0.25 L: 0.31
#3b6249
H: 142 S: 0.25 L: 0.31
#3b625c
H: 171 S: 0.25 L: 0.31
#623b41
H: 351 S: 0.25 L: 0.31
#008bd6
H: 201 S: 1 L: 0.42
#00d64a
H: 141 S: 1 L: 0.42
#00d6b6
H: 171 S: 1 L: 0.42
#d60020
H: 351 S: 1 L: 0.42
#1a83bb
H: 201 S: 0.76 L: 0.42
#1abb53
H: 141 S: 0.76 L: 0.42
#1abba3
H: 171 S: 0.76 L: 0.42
#bb1a32
H: 351 S: 0.76 L: 0.42
#357ba0
H: 201 S: 0.5 L: 0.42
#35a05b
H: 141 S: 0.5 L: 0.42
#35a090
H: 171 S: 0.5 L: 0.42
#a03545
H: 351 S: 0.5 L: 0.42
#507385
H: 200 S: 0.25 L: 0.42
#508563
H: 142 S: 0.25 L: 0.42
#50857d
H: 171 S: 0.25 L: 0.42
#855058
H: 351 S: 0.25 L: 0.42
#0fabff
H: 201 S: 1 L: 0.53
#0fff63
H: 141 S: 1 L: 0.53
#0fffdb
H: 171 S: 1 L: 0.53
#ff0f33
H: 351 S: 1 L: 0.53
#2da2e1
H: 201 S: 0.75 L: 0.53
#2de16c
H: 141 S: 0.75 L: 0.53
#2de1c6
H: 171 S: 0.75 L: 0.53
#e12d48
H: 351 S: 0.75 L: 0.53
#4b99c3
H: 201 S: 0.5 L: 0.53
#4bc375
H: 141 S: 0.5 L: 0.53
#4bc3b1
H: 171 S: 0.5 L: 0.53
#c34b5d
H: 351 S: 0.5 L: 0.53
#6990a5
H: 201 S: 0.25 L: 0.53
#69a57e
H: 141 S: 0.25 L: 0.53
#69a59c
H: 171 S: 0.25 L: 0.53
#a56972
H: 351 S: 0.25 L: 0.53
#47beff
H: 201 S: 1 L: 0.64
#47ff87
H: 141 S: 1 L: 0.64
#47ffe3
H: 171 S: 1 L: 0.64
#ff4762
H: 351 S: 1 L: 0.64
#5eb7e8
H: 201 S: 0.75 L: 0.64
#5ee88e
H: 141 S: 0.75 L: 0.64
#5ee8d3
H: 171 S: 0.75 L: 0.64
#e85e73
H: 351 S: 0.75 L: 0.64
#75b0d1
H: 202 S: 0.5 L: 0.64
#75d195
H: 141 S: 0.5 L: 0.64
#75d1c3
H: 171 S: 0.5 L: 0.64
#d17583
H: 351 S: 0.5 L: 0.64
#8caaba
H: 201 S: 0.25 L: 0.64
#8cba9c
H: 141 S: 0.25 L: 0.64
#8cbab3
H: 171 S: 0.25 L: 0.64
#ba8c93
H: 351 S: 0.25 L: 0.64
#7fd2ff
H: 201 S: 1 L: 0.75
#7fffac
H: 141 S: 1 L: 0.75
#7fffeb
H: 171 S: 1 L: 0.75
#ff7f92
H: 351 S: 1 L: 0.75
#8fcdef
H: 201 S: 0.75 L: 0.75
#8fefb0
H: 141 S: 0.75 L: 0.75
#8fefe0
H: 171 S: 0.75 L: 0.75
#ef8f9d
H: 351 S: 0.75 L: 0.75
#9fc8df
H: 202 S: 0.5 L: 0.75
#9fdfb5
H: 141 S: 0.5 L: 0.75
#9fdfd5
H: 171 S: 0.5 L: 0.75
#df9fa8
H: 352 S: 0.5 L: 0.75
#afc4cf
H: 201 S: 0.25 L: 0.75
#afcfba
H: 141 S: 0.25 L: 0.75
#afcfca
H: 171 S: 0.25 L: 0.75
#cfafb4
H: 351 S: 0.25 L: 0.75
#b7e6ff
H: 201 S: 1 L: 0.86
#b7ffd0
H: 141 S: 1 L: 0.86
#b7fff4
H: 171 S: 1 L: 0.86
#ffb7c2
H: 351 S: 1 L: 0.86
#c0e3f6
H: 201 S: 0.75 L: 0.86
#c0f6d3
H: 141 S: 0.75 L: 0.86
#c0f6ee
H: 171 S: 0.75 L: 0.86
#f6c0c8
H: 351 S: 0.75 L: 0.86
#c9e0ed
H: 202 S: 0.5 L: 0.86
#c9edd5
H: 140 S: 0.5 L: 0.86
#c9ede7
H: 170 S: 0.5 L: 0.86
#edc9ce
H: 352 S: 0.5 L: 0.86
#d2dde4
H: 203 S: 0.25 L: 0.86
#d2e4d8
H: 140 S: 0.25 L: 0.86
#d2e4e1
H: 170 S: 0.25 L: 0.86
#e4d2d5
H: 350 S: 0.25 L: 0.86
#eff9ff
H: 203 S: 1 L: 0.97
#effff5
H: 143 S: 1 L: 0.97
#effffc
H: 169 S: 1 L: 0.97
#ffeff1
H: 353 S: 1 L: 0.97
#f1f9fd
H: 200 S: 0.75 L: 0.97
#f1fdf5
H: 140 S: 0.75 L: 0.97
#f1fdfb
H: 170 S: 0.75 L: 0.97
#fdf1f3
H: 350 S: 0.75 L: 0.97
#f3f8fb
H: 203 S: 0.5 L: 0.97
#f3fbf6
H: 143 S: 0.5 L: 0.97
#f3fbfa
H: 173 S: 0.5 L: 0.97
#fbf3f4
H: 353 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f5f9f6
H: 135 S: 0.25 L: 0.97
#f5f9f8
H: 165 S: 0.25 L: 0.97
#f9f5f6
H: 345 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
#c64805
H: 21 S: 0.95 L: 0.4
#ad501e
H: 21 S: 0.7 L: 0.4
#935838
H: 21 S: 0.45 L: 0.4
#d9672a
H: 21 S: 0.7 L: 0.51
#ba7149
H: 21 S: 0.45 L: 0.51
#e1895a
H: 21 S: 0.69 L: 0.62
#c99172
H: 21 S: 0.45 L: 0.62
#eaab89
H: 21 S: 0.7 L: 0.73
#d9b09b
H: 20 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.

#ecf3f7
H: 202 S: 0.41 L: 0.95
#30ce67
H: 141 S: 0.62 L: 0.5
#48b6a5
H: 171 S: 0.43 L: 0.5
#b64859
H: 351 S: 0.43 L: 0.5
#4c92b7
H: 201 S: 0.43 L: 0.51
#317b4b
H: 141 S: 0.43 L: 0.34
#73f6e2
H: 171 S: 0.88 L: 0.71
#7b313c
H: 351 S: 0.43 L: 0.34
#30627c
H: 201 S: 0.44 L: 0.34
#179543
H: 141 S: 0.73 L: 0.34
#28f4d6
H: 171 S: 0.9 L: 0.56
#9d0f24
H: 351 S: 0.83 L: 0.34
#31617b
H: 201 S: 0.43 L: 0.34
#06a63e
H: 141 S: 0.93 L: 0.34
#37dbc3
H: 171 S: 0.69 L: 0.54
#7b313c
H: 351 S: 0.43 L: 0.34
#69a3c3
H: 201 S: 0.43 L: 0.59
#2f7849
H: 141 S: 0.44 L: 0.33
#1a9381
H: 171 S: 0.7 L: 0.34
#ddabb2
H: 352 S: 0.42 L: 0.77
#ecf3f7
H: 202 S: 0.41 L: 0.95
#48b66f
H: 141 S: 0.43 L: 0.5
#23dbbf
H: 171 S: 0.72 L: 0.5
#b64859
H: 351 S: 0.43 L: 0.5
#4491ba
H: 201 S: 0.46 L: 0.5
#ebf9f0
H: 141 S: 0.54 L: 0.95
#23dbbf
H: 171 S: 0.72 L: 0.5
#9b636b
H: 351 S: 0.22 L: 0.5
#405d6d
H: 201 S: 0.26 L: 0.34
#b6e1c5
H: 141 S: 0.42 L: 0.8
#47b2a2
H: 171 S: 0.43 L: 0.49
#964551
H: 351 S: 0.37 L: 0.43
#f5eeef
H: 351 S: 0.26 L: 0.95
#ecf3f7
H: 202 S: 0.41 L: 0.95
#24da64
H: 141 S: 0.72 L: 0.5
#54aa9d
H: 171 S: 0.34 L: 0.5
#b64859
H: 351 S: 0.43 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3b5e71
H: 201 S: 0.31 L: 0.34
#62c083
H: 141 S: 0.43 L: 0.57
#96fced
H: 171 S: 0.94 L: 0.79
#7b313c
H: 351 S: 0.43 L: 0.34
#ba8e77
H: 21 S: 0.33 L: 0.6
#4487ab
H: 201 S: 0.43 L: 0.47
#298349
H: 141 S: 0.52 L: 0.34
#b6e1db
H: 172 S: 0.42 L: 0.8
#ac001a
H: 351 S: 1 L: 0.34
#565656
H: 0 S: 0 L: 0.34
#31617b
H: 201 S: 0.43 L: 0.34
#059337
H: 141 S: 0.93 L: 0.3
#8dd1c7
H: 171 S: 0.43 L: 0.69
#882534
H: 351 S: 0.57 L: 0.34
#d18d98
H: 350 S: 0.43 L: 0.69
#edd3d7
H: 351 S: 0.42 L: 0.88
#ecf3f7
H: 202 S: 0.41 L: 0.95
#48b66f
H: 141 S: 0.43 L: 0.5
#0fefce
H: 171 S: 0.88 L: 0.5
#b64859
H: 351 S: 0.43 L: 0.5
#4b8db3
H: 202 S: 0.41 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#31617b
H: 201 S: 0.43 L: 0.34
#317b4b
H: 141 S: 0.43 L: 0.34
#317b70
H: 171 S: 0.43 L: 0.34
#7b313c
H: 351 S: 0.43 L: 0.34
#f2f2f2
H: 0 S: 0 L: 0.95
#e56019
H: 21 S: 0.8 L: 0.5
#31617b
H: 201 S: 0.43 L: 0.34
#3bf67c
H: 141 S: 0.91 L: 0.6
#0df6d3
H: 171 S: 0.93 L: 0.51
#8e3845
H: 351 S: 0.43 L: 0.39
#999999
H: 0 S: 0 L: 0.6
#9f755f
H: 21 S: 0.25 L: 0.5
#31617b
H: 201 S: 0.43 L: 0.34
#67e994
H: 141 S: 0.75 L: 0.66
#06a68e
H: 171 S: 0.93 L: 0.34
#7b313c
H: 351 S: 0.43 L: 0.34
#f75b07
H: 21 S: 0.94 L: 0.5
#f0f9f3
H: 140 S: 0.43 L: 0.96
#a8a8a8
H: 0 S: 0 L: 0.66
#2a9fdf
H: 201 S: 0.74 L: 0.52
#2e7e4a
H: 141 S: 0.47 L: 0.34
#34f3d6
H: 171 S: 0.89 L: 0.58
#d5a4ab
H: 351 S: 0.37 L: 0.74
#7f2d3a
H: 350 S: 0.48 L: 0.34
#939393
H: 0 S: 0 L: 0.58
#146089
H: 201 S: 0.75 L: 0.31
#ecf3f7
H: 202 S: 0.41 L: 0.95
#1ee062
H: 141 S: 0.76 L: 0.5
#48b6a5
H: 171 S: 0.43 L: 0.5
#aa5461
H: 351 S: 0.34 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e86016
H: 21 S: 0.83 L: 0.5
#0b3750
H: 202 S: 0.76 L: 0.18
#31617b
H: 201 S: 0.43 L: 0.34
#55d783
H: 141 S: 0.62 L: 0.59
#02aa91
H: 171 S: 0.98 L: 0.34
#e1b6bc
H: 352 S: 0.42 L: 0.8
#a75224
H: 21 S: 0.65 L: 0.4
#5194b8
H: 201 S: 0.42 L: 0.52
#969696
H: 0 S: 0 L: 0.59
#376d8a
H: 201 S: 0.43 L: 0.38
#4cb771
H: 141 S: 0.43 L: 0.51
#1ec6ad
H: 171 S: 0.74 L: 0.45
#7b313c
H: 351 S: 0.43 L: 0.34
#b74c5c
H: 351 S: 0.43 L: 0.51
#def1ee
H: 171 S: 0.4 L: 0.91
#c71d37
H: 351 S: 0.75 L: 0.45
#ec8292
H: 351 S: 0.74 L: 0.72
#78acc9
H: 201 S: 0.43 L: 0.63
#456851
H: 141 S: 0.2 L: 0.34
#00ffd8
H: 171 S: 1 L: 0.5
#aa021b
H: 351 S: 0.98 L: 0.34
#dd6321
H: 21 S: 0.74 L: 0.5
#0283c9
H: 201 S: 0.98 L: 0.4
#f2f6f6
H: 180 S: 0.18 L: 0.96
#caab9a
H: 21 S: 0.31 L: 0.7
#488fb6
H: 201 S: 0.43 L: 0.5
#48b66f
H: 141 S: 0.43 L: 0.5
#ecf7f6
H: 175 S: 0.41 L: 0.95
#9f5f69
H: 351 S: 0.25 L: 0.5
#ca6834
H: 21 S: 0.59 L: 0.5
#317b4b
H: 141 S: 0.43 L: 0.34
#2b4946
H: 174 S: 0.26 L: 0.23
#919191
H: 0 S: 0 L: 0.57
#31617b
H: 201 S: 0.43 L: 0.34
#62c083
H: 141 S: 0.43 L: 0.57
#b2e0d9
H: 171 S: 0.43 L: 0.79
#f790a0
H: 351 S: 0.87 L: 0.77
#cf672f
H: 21 S: 0.63 L: 0.5
#833440
H: 351 S: 0.43 L: 0.36
#b88f79
H: 21 S: 0.31 L: 0.6
#79f5a4
H: 141 S: 0.86 L: 0.72
#31617b
H: 201 S: 0.43 L: 0.34
#199444
H: 141 S: 0.71 L: 0.34
#a3dad2
H: 171 S: 0.43 L: 0.75
#981428
H: 351 S: 0.77 L: 0.34
#af704f
H: 21 S: 0.38 L: 0.5
#53baab
H: 171 S: 0.43 L: 0.53
#e1c5b6
H: 21 S: 0.42 L: 0.8
#dffaf6
H: 171 S: 0.73 L: 0.93
#e15066
H: 351 S: 0.71 L: 0.6
#11a3f2
H: 201 S: 0.9 L: 0.51
#268748
H: 141 S: 0.56 L: 0.34
#01ab92
H: 171 S: 0.99 L: 0.34
#9e0e24
H: 351 S: 0.84 L: 0.34
#dfc6b8
H: 22 S: 0.38 L: 0.8
#cd6831
H: 21 S: 0.61 L: 0.5
#7f5e4c
H: 21 S: 0.25 L: 0.4
#f6556d
H: 351 S: 0.9 L: 0.65
#d8f0fc
H: 200 S: 0.86 L: 0.92
#0ea1f0
H: 201 S: 0.89 L: 0.5
#48b66f
H: 141 S: 0.43 L: 0.5
#ecf7f6
H: 175 S: 0.41 L: 0.95
#b64859
H: 351 S: 0.43 L: 0.5
#0ef05d
H: 141 S: 0.89 L: 0.5
#f00e30
H: 351 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#d3662b
H: 21 S: 0.66 L: 0.5
#4b8fb3
H: 201 S: 0.41 L: 0.5
#31617b
H: 201 S: 0.43 L: 0.34
#53ba77
H: 141 S: 0.43 L: 0.53
#25dec2
H: 171 S: 0.74 L: 0.51
#8f1d2e
H: 351 S: 0.66 L: 0.34
#ba5363
H: 351 S: 0.43 L: 0.53
#828282
H: 0 S: 0 L: 0.51
#7be4d4
H: 171 S: 0.66 L: 0.69
#159241
H: 141 S: 0.75 L: 0.33
#de2541
H: 351 S: 0.74 L: 0.51
#b2d0e0
H: 201 S: 0.43 L: 0.79
#1a9c48
H: 141 S: 0.71 L: 0.36
#18f0cf
H: 171 S: 0.88 L: 0.52
#742e39
H: 351 S: 0.43 L: 0.32
#f01839
H: 351 S: 0.88 L: 0.52
#dfa485
H: 21 S: 0.58 L: 0.7
#5b5b5b
H: 0 S: 0 L: 0.36
#66e592
H: 141 S: 0.71 L: 0.65
#3b9588
H: 171 S: 0.43 L: 0.41
#aa5121
H: 21 S: 0.67 L: 0.4
#31617b
H: 201 S: 0.43 L: 0.34
#317b4b
H: 141 S: 0.43 L: 0.34
#317b70
H: 171 S: 0.43 L: 0.34
#7b313c
H: 351 S: 0.43 L: 0.34
#a0d9b4
H: 141 S: 0.43 L: 0.74
#6da6c4
H: 201 S: 0.42 L: 0.6
#cbdfea
H: 201 S: 0.42 L: 0.86
#e1f3e7
H: 140 S: 0.43 L: 0.92
#172e3a
H: 201 S: 0.43 L: 0.16
#c16573
H: 351 S: 0.43 L: 0.58
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.