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

#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5

Variants

#003166
H: 211 S: 1 L: 0.2
#006634
H: 151 S: 1 L: 0.2
#660100
H: 1 S: 1 L: 0.2
#0c3159
H: 211 S: 0.76 L: 0.2
#0c5934
H: 151 S: 0.76 L: 0.2
#590e0c
H: 2 S: 0.76 L: 0.2
#19324c
H: 211 S: 0.5 L: 0.2
#194c33
H: 151 S: 0.5 L: 0.2
#4c1a19
H: 1 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#263f33
H: 151 S: 0.25 L: 0.2
#3f2626
H: 0 S: 0.25 L: 0.2
#004c9e
H: 211 S: 1 L: 0.31
#009e51
H: 151 S: 1 L: 0.31
#9e0200
H: 1 S: 1 L: 0.31
#134d8a
H: 211 S: 0.76 L: 0.31
#138a51
H: 151 S: 0.76 L: 0.31
#8a1513
H: 1 S: 0.76 L: 0.31
#274d76
H: 211 S: 0.5 L: 0.31
#277650
H: 151 S: 0.5 L: 0.31
#762827
H: 1 S: 0.5 L: 0.31
#3b4e62
H: 211 S: 0.25 L: 0.31
#3b624f
H: 151 S: 0.25 L: 0.31
#623b3b
H: 0 S: 0.25 L: 0.31
#0067d6
H: 211 S: 1 L: 0.42
#00d66e
H: 151 S: 1 L: 0.42
#d60300
H: 1 S: 1 L: 0.42
#1a68bb
H: 211 S: 0.76 L: 0.42
#1abb6d
H: 151 S: 0.76 L: 0.42
#bb1d1a
H: 1 S: 0.76 L: 0.42
#3569a0
H: 211 S: 0.5 L: 0.42
#35a06c
H: 151 S: 0.5 L: 0.42
#a03735
H: 1 S: 0.5 L: 0.42
#506a85
H: 211 S: 0.25 L: 0.42
#50856b
H: 151 S: 0.25 L: 0.42
#855150
H: 1 S: 0.25 L: 0.42
#0f83ff
H: 211 S: 1 L: 0.53
#0fff8b
H: 151 S: 1 L: 0.53
#ff130f
H: 1 S: 1 L: 0.53
#2d84e1
H: 211 S: 0.75 L: 0.53
#2de18a
H: 151 S: 0.75 L: 0.53
#e1302d
H: 1 S: 0.75 L: 0.53
#4b85c3
H: 211 S: 0.5 L: 0.53
#4bc389
H: 151 S: 0.5 L: 0.53
#c34d4b
H: 1 S: 0.5 L: 0.53
#6986a5
H: 211 S: 0.25 L: 0.53
#69a588
H: 151 S: 0.25 L: 0.53
#a56a69
H: 1 S: 0.25 L: 0.53
#47a0ff
H: 211 S: 1 L: 0.64
#47ffa6
H: 151 S: 1 L: 0.64
#ff4a47
H: 1 S: 1 L: 0.64
#5ea0e8
H: 211 S: 0.75 L: 0.64
#5ee8a5
H: 151 S: 0.75 L: 0.64
#e8605e
H: 1 S: 0.75 L: 0.64
#75a1d1
H: 211 S: 0.5 L: 0.64
#75d1a4
H: 151 S: 0.5 L: 0.64
#d17675
H: 1 S: 0.5 L: 0.64
#8ca2ba
H: 211 S: 0.25 L: 0.64
#8cbaa3
H: 150 S: 0.25 L: 0.64
#ba8d8c
H: 1 S: 0.25 L: 0.64
#7fbdff
H: 211 S: 1 L: 0.75
#7fffc1
H: 151 S: 1 L: 0.75
#ff817f
H: 1 S: 1 L: 0.75
#8fbdef
H: 211 S: 0.75 L: 0.75
#8fefc0
H: 151 S: 0.75 L: 0.75
#ef918f
H: 1 S: 0.75 L: 0.75
#9fbedf
H: 211 S: 0.5 L: 0.75
#9fdfc0
H: 151 S: 0.5 L: 0.75
#dfa09f
H: 1 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#afcfbf
H: 150 S: 0.25 L: 0.75
#cfafaf
H: 0 S: 0.25 L: 0.75
#b7daff
H: 211 S: 1 L: 0.86
#b7ffdc
H: 151 S: 1 L: 0.86
#ffb8b7
H: 1 S: 1 L: 0.86
#c0daf6
H: 211 S: 0.75 L: 0.86
#c0f6dc
H: 151 S: 0.75 L: 0.86
#f6c1c0
H: 1 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#c9eddb
H: 150 S: 0.5 L: 0.86
#edcac9
H: 2 S: 0.5 L: 0.86
#d2dbe4
H: 210 S: 0.25 L: 0.86
#d2e4db
H: 150 S: 0.25 L: 0.86
#e4d2d2
H: 0 S: 0.25 L: 0.86
#eff7ff
H: 210 S: 1 L: 0.97
#effff7
H: 150 S: 1 L: 0.97
#ffefef
H: 0 S: 1 L: 0.97
#f1f7fd
H: 210 S: 0.75 L: 0.97
#f1fdf7
H: 150 S: 0.75 L: 0.97
#fdf1f1
H: 0 S: 0.75 L: 0.97
#f3f7fb
H: 210 S: 0.5 L: 0.97
#f3fbf7
H: 150 S: 0.5 L: 0.97
#fbf3f3
H: 0 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f5f9f7
H: 150 S: 0.25 L: 0.97
#f9f5f5
H: 0 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
#c66905
H: 31 S: 0.95 L: 0.4
#ad681e
H: 31 S: 0.7 L: 0.4
#936738
H: 31 S: 0.45 L: 0.4
#d9842a
H: 31 S: 0.7 L: 0.51
#ba8349
H: 31 S: 0.45 L: 0.51
#e1a05a
H: 31 S: 0.69 L: 0.62
#c99f72
H: 31 S: 0.45 L: 0.62
#eabb89
H: 31 S: 0.7 L: 0.73
#d9bb9b
H: 31 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.

#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#3077c3
H: 211 S: 0.6 L: 0.48
#77d8a9
H: 151 S: 0.55 L: 0.66
#b54b49
H: 1 S: 0.43 L: 0.5
#337ccc
H: 211 S: 0.6 L: 0.5
#25b670
H: 151 S: 0.66 L: 0.43
#f30f0b
H: 1 S: 0.91 L: 0.5
#470f0e
H: 1 S: 0.67 L: 0.17
#337ccc
H: 211 S: 0.6 L: 0.5
#24da82
H: 151 S: 0.72 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#a88056
H: 31 S: 0.32 L: 0.5
#1a7ce4
H: 211 S: 0.8 L: 0.5
#2df092
H: 151 S: 0.87 L: 0.56
#714c4b
H: 2 S: 0.2 L: 0.37
#eab47a
H: 31 S: 0.73 L: 0.7
#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#eaf1f9
H: 212 S: 0.56 L: 0.95
#2e72bb
H: 211 S: 0.61 L: 0.46
#1de182
H: 151 S: 0.77 L: 0.5
#e39290
H: 1 S: 0.6 L: 0.73
#bababa
H: 0 S: 0 L: 0.73
#757575
H: 0 S: 0 L: 0.46
#337ccc
H: 211 S: 0.6 L: 0.5
#4fd393
H: 151 S: 0.6 L: 0.57
#bc4442
H: 1 S: 0.48 L: 0.5
#e19b50
H: 31 S: 0.71 L: 0.6
#919191
H: 0 S: 0 L: 0.57
#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#c00400
H: 1 S: 1 L: 0.38
#606060
H: 0 S: 0 L: 0.38
#a5a5a5
H: 0 S: 0 L: 0.65
#3c6c9e
H: 211 S: 0.45 L: 0.43
#33cc82
H: 151 S: 0.6 L: 0.5
#a55a59
H: 1 S: 0.3 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#fcfcfc
H: 0 S: 0 L: 0.99
#b2b2b2
H: 0 S: 0 L: 0.7
#204f82
H: 211 S: 0.6 L: 0.32
#bad3c7
H: 151 S: 0.22 L: 0.78
#cc3533
H: 1 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#515151
H: 0 S: 0 L: 0.32
#636363
H: 0 S: 0 L: 0.39
#337ccc
H: 211 S: 0.6 L: 0.5
#01fd83
H: 151 S: 0.99 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#fd0501
H: 1 S: 0.99 L: 0.5
#e08684
H: 1 S: 0.6 L: 0.7
#fef0ef
H: 4 S: 0.88 L: 0.97
#2d7cd1
H: 211 S: 0.65 L: 0.5
#4faf81
H: 151 S: 0.38 L: 0.5
#951e1c
H: 1 S: 0.68 L: 0.35
#be680d
H: 31 S: 0.87 L: 0.4
#d7b38d
H: 31 S: 0.48 L: 0.7
#1c5795
H: 211 S: 0.68 L: 0.35
#eef2f5
H: 206 S: 0.26 L: 0.95
#47b781
H: 151 S: 0.44 L: 0.5
#e81a16
H: 1 S: 0.83 L: 0.5
#e68218
H: 31 S: 0.81 L: 0.5
#b74947
H: 1 S: 0.44 L: 0.5
#5e83a0
H: 206 S: 0.26 L: 0.5
#158de9
H: 206 S: 0.83 L: 0.5
#0e7bf0
H: 211 S: 0.89 L: 0.5
#3bc381
H: 151 S: 0.54 L: 0.5
#c33e3b
H: 1 S: 0.54 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#fcfcfc
H: 0 S: 0 L: 0.99
#afafaf
H: 0 S: 0 L: 0.69
#9b9b9b
H: 0 S: 0 L: 0.61
#a9c8e9
H: 211 S: 0.59 L: 0.79
#33cc82
H: 151 S: 0.6 L: 0.5
#e08684
H: 1 S: 0.6 L: 0.7
#165939
H: 151 S: 0.6 L: 0.22
#7f7f7f
H: 0 S: 0 L: 0.5
#2c6bae
H: 211 S: 0.6 L: 0.43
#fafcfd
H: 200 S: 0.43 L: 0.99
#5d88b6
H: 211 S: 0.38 L: 0.54
#49b581
H: 151 S: 0.43 L: 0.5
#e21f1c
H: 1 S: 0.78 L: 0.5
#3a3a3a
H: 0 S: 0 L: 0.23
#020202
H: 0 S: 0 L: 0.01
#bcbcbc
H: 0 S: 0 L: 0.74
#d8d8d8
H: 0 S: 0 L: 0.85
#0a7bf4
H: 211 S: 0.92 L: 0.5
#01fd83
H: 151 S: 0.99 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#ebf4fe
H: 212 S: 0.9 L: 0.96
#0f3d27
H: 151 S: 0.61 L: 0.15
#f40e0a
H: 1 S: 0.92 L: 0.5
#517dad
H: 211 S: 0.36 L: 0.5
#49b581
H: 151 S: 0.43 L: 0.5
#a10e0c
H: 1 S: 0.86 L: 0.34
#9f805f
H: 31 S: 0.25 L: 0.5
#98d6b8
H: 151 S: 0.43 L: 0.72
#0c54a1
H: 211 S: 0.86 L: 0.34
#451c1b
H: 1 S: 0.44 L: 0.19
#d4b390
H: 31 S: 0.44 L: 0.7
#255c96
H: 211 S: 0.6 L: 0.37
#31cd82
H: 151 S: 0.61 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#337ccc
H: 211 S: 0.6 L: 0.5
#d2b392
H: 31 S: 0.42 L: 0.7
#e69b4b
H: 31 S: 0.76 L: 0.6
#6fa3dc
H: 211 S: 0.61 L: 0.65
#b76814
H: 31 S: 0.8 L: 0.4
#337ccc
H: 211 S: 0.6 L: 0.5
#0ef083
H: 151 S: 0.89 L: 0.5
#d72a27
H: 1 S: 0.69 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b2b2b2
H: 0 S: 0 L: 0.7
#c4c4c4
H: 0 S: 0 L: 0.77
#666666
H: 0 S: 0 L: 0.4
#5b5b5b
H: 0 S: 0 L: 0.36
#077bf7
H: 211 S: 0.94 L: 0.5
#2cd282
H: 151 S: 0.65 L: 0.5
#db2623
H: 1 S: 0.72 L: 0.5
#c59a6c
H: 31 S: 0.43 L: 0.6
#fcacaa
H: 1 S: 0.93 L: 0.83
#7f7f7f
H: 0 S: 0 L: 0.5
#6bdfa7
H: 151 S: 0.64 L: 0.65
#97c7fb
H: 211 S: 0.93 L: 0.79
#fa6c6a
H: 1 S: 0.94 L: 0.7
#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#eaf9f2
H: 152 S: 0.56 L: 0.95
#db8223
H: 31 S: 0.72 L: 0.5
#a0805e
H: 31 S: 0.26 L: 0.5
#822220
H: 1 S: 0.6 L: 0.32
#74a6dc
H: 211 S: 0.6 L: 0.66
#f0e0d0
H: 30 S: 0.52 L: 0.88
#337ccc
H: 211 S: 0.6 L: 0.5
#4faf81
H: 151 S: 0.38 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#dd8221
H: 31 S: 0.74 L: 0.5
#faf2e9
H: 32 S: 0.63 L: 0.95
#dacab8
H: 32 S: 0.31 L: 0.79
#aa8054
H: 31 S: 0.34 L: 0.5
#a5a5a5
H: 0 S: 0 L: 0.65
#f8e8d7
H: 31 S: 0.7 L: 0.91
#1d7ce1
H: 211 S: 0.77 L: 0.5
#62cf9a
H: 151 S: 0.53 L: 0.6
#eaaead
H: 1 S: 0.59 L: 0.8
#d2f3e3
H: 151 S: 0.58 L: 0.89
#dd7e7d
H: 1 S: 0.59 L: 0.68
#999999
H: 0 S: 0 L: 0.6
#e1201d
H: 1 S: 0.77 L: 0.5
#2eb272
H: 151 S: 0.59 L: 0.44
#6297cf
H: 211 S: 0.53 L: 0.6
#337ccc
H: 211 S: 0.6 L: 0.5
#33cc82
H: 151 S: 0.6 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#dfccb8
H: 31 S: 0.38 L: 0.8
#e58219
H: 31 S: 0.8 L: 0.5
#9de6c3
H: 151 S: 0.59 L: 0.76
#7f7f7f
H: 0 S: 0 L: 0.5
#0f253d
H: 211 S: 0.61 L: 0.15
#fdfafa
H: 0 S: 0.43 L: 0.99
#6a1b1a
H: 1 S: 0.61 L: 0.26
#0f7bef
H: 211 S: 0.88 L: 0.5
#23db82
H: 151 S: 0.72 L: 0.5
#cc3533
H: 1 S: 0.6 L: 0.5
#84b5eb
H: 211 S: 0.72 L: 0.72
#cab39a
H: 31 S: 0.31 L: 0.7
#b66815
H: 31 S: 0.79 L: 0.4
#81664a
H: 31 S: 0.27 L: 0.4
#bdf4d9
H: 151 S: 0.71 L: 0.85
#f78307
H: 31 S: 0.94 L: 0.5
#dd9b54
H: 31 S: 0.67 L: 0.6
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.