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

#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5

Variants

#002f66
H: 212 S: 1 L: 0.2
#006636
H: 152 S: 1 L: 0.2
#660300
H: 2 S: 1 L: 0.2
#0c3059
H: 212 S: 0.76 L: 0.2
#0c5935
H: 152 S: 0.76 L: 0.2
#590f0c
H: 2 S: 0.76 L: 0.2
#19314c
H: 212 S: 0.5 L: 0.2
#194c34
H: 152 S: 0.5 L: 0.2
#4c1b19
H: 2 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#263f33
H: 151 S: 0.25 L: 0.2
#3f2726
H: 2 S: 0.25 L: 0.2
#00499e
H: 212 S: 1 L: 0.31
#009e54
H: 152 S: 1 L: 0.31
#9e0500
H: 2 S: 1 L: 0.31
#134b8a
H: 212 S: 0.76 L: 0.31
#138a53
H: 152 S: 0.76 L: 0.31
#8a1713
H: 2 S: 0.76 L: 0.31
#274c76
H: 212 S: 0.5 L: 0.31
#277651
H: 152 S: 0.5 L: 0.31
#762a27
H: 2 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#3b6250
H: 152 S: 0.25 L: 0.31
#623c3b
H: 2 S: 0.25 L: 0.31
#0063d6
H: 212 S: 1 L: 0.42
#00d672
H: 152 S: 1 L: 0.42
#d60700
H: 2 S: 1 L: 0.42
#1a65bb
H: 212 S: 0.76 L: 0.42
#1abb70
H: 152 S: 0.76 L: 0.42
#bb201a
H: 2 S: 0.76 L: 0.42
#3567a0
H: 212 S: 0.5 L: 0.42
#35a06e
H: 152 S: 0.5 L: 0.42
#a03935
H: 2 S: 0.5 L: 0.42
#506985
H: 212 S: 0.25 L: 0.42
#50856c
H: 152 S: 0.25 L: 0.42
#855250
H: 2 S: 0.25 L: 0.42
#0f7fff
H: 212 S: 1 L: 0.53
#0fff8f
H: 152 S: 1 L: 0.53
#ff170f
H: 2 S: 1 L: 0.53
#2d81e1
H: 212 S: 0.75 L: 0.53
#2de18d
H: 152 S: 0.75 L: 0.53
#e1332d
H: 2 S: 0.75 L: 0.53
#4b83c3
H: 212 S: 0.5 L: 0.53
#4bc38b
H: 152 S: 0.5 L: 0.53
#c34f4b
H: 2 S: 0.5 L: 0.53
#6985a5
H: 212 S: 0.25 L: 0.53
#69a589
H: 152 S: 0.25 L: 0.53
#a56b69
H: 2 S: 0.25 L: 0.53
#479dff
H: 212 S: 1 L: 0.64
#47ffa9
H: 152 S: 1 L: 0.64
#ff4d47
H: 2 S: 1 L: 0.64
#5e9ee8
H: 212 S: 0.75 L: 0.64
#5ee8a7
H: 152 S: 0.75 L: 0.64
#e8625e
H: 2 S: 0.75 L: 0.64
#75a0d1
H: 212 S: 0.5 L: 0.64
#75d1a6
H: 152 S: 0.5 L: 0.64
#d17875
H: 2 S: 0.5 L: 0.64
#8ca1ba
H: 213 S: 0.25 L: 0.64
#8cbaa4
H: 151 S: 0.25 L: 0.64
#ba8d8c
H: 1 S: 0.25 L: 0.64
#7fbbff
H: 212 S: 1 L: 0.75
#7fffc3
H: 152 S: 1 L: 0.75
#ff837f
H: 2 S: 1 L: 0.75
#8fbcef
H: 212 S: 0.75 L: 0.75
#8fefc2
H: 152 S: 0.75 L: 0.75
#ef928f
H: 2 S: 0.75 L: 0.75
#9fbddf
H: 212 S: 0.5 L: 0.75
#9fdfc1
H: 152 S: 0.5 L: 0.75
#dfa19f
H: 2 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#afcfc0
H: 152 S: 0.25 L: 0.75
#cfb0af
H: 2 S: 0.25 L: 0.75
#b7d8ff
H: 213 S: 1 L: 0.86
#b7ffdd
H: 152 S: 1 L: 0.86
#ffb9b7
H: 2 S: 1 L: 0.86
#c0d9f6
H: 212 S: 0.75 L: 0.86
#c0f6dd
H: 152 S: 0.75 L: 0.86
#f6c2c0
H: 2 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#c9eddc
H: 152 S: 0.5 L: 0.86
#edcac9
H: 2 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#d2e4db
H: 150 S: 0.25 L: 0.86
#e4d2d2
H: 0 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#effff7
H: 150 S: 1 L: 0.97
#fff0ef
H: 4 S: 1 L: 0.97
#f1f6fd
H: 215 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
#c66c05
H: 32 S: 0.95 L: 0.4
#ad6a1e
H: 32 S: 0.7 L: 0.4
#936938
H: 32 S: 0.45 L: 0.4
#d9872a
H: 32 S: 0.7 L: 0.51
#ba8549
H: 32 S: 0.45 L: 0.51
#e1a25a
H: 32 S: 0.69 L: 0.62
#c9a172
H: 32 S: 0.45 L: 0.62
#eabd89
H: 32 S: 0.7 L: 0.73
#d9bc9b
H: 32 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.

#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#3a6391
H: 212 S: 0.43 L: 0.4
#1ce286
H: 152 S: 0.78 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#46668b
H: 212 S: 0.33 L: 0.41
#0af487
H: 152 S: 0.92 L: 0.5
#bd8583
H: 2 S: 0.31 L: 0.63
#5a8dc8
H: 212 S: 0.5 L: 0.57
#2b8259
H: 152 S: 0.5 L: 0.34
#d61f19
H: 2 S: 0.79 L: 0.47
#777777
H: 0 S: 0 L: 0.47
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#dd9d9b
H: 2 S: 0.49 L: 0.74
#e4861a
H: 32 S: 0.8 L: 0.5
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#ce706d
H: 2 S: 0.5 L: 0.62
#9e9e9e
H: 0 S: 0 L: 0.62
#9cbadd
H: 212 S: 0.49 L: 0.74
#3ec083
H: 152 S: 0.51 L: 0.5
#d23b36
H: 2 S: 0.63 L: 0.52
#dd9e9c
H: 2 S: 0.49 L: 0.74
#123927
H: 152 S: 0.52 L: 0.15
#6f859f
H: 213 S: 0.2 L: 0.53
#43b680
H: 152 S: 0.46 L: 0.49
#d68784
H: 2 S: 0.5 L: 0.68
#adadad
H: 0 S: 0 L: 0.68
#232323
H: 0 S: 0 L: 0.14
#3f7bbf
H: 212 S: 0.5 L: 0.5
#6dd8a6
H: 152 S: 0.58 L: 0.64
#754d4c
H: 1 S: 0.21 L: 0.38
#e49e4d
H: 32 S: 0.74 L: 0.6
#202831
H: 212 S: 0.21 L: 0.16
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#84aad6
H: 212 S: 0.5 L: 0.68
#1978e5
H: 212 S: 0.8 L: 0.5
#1cce7b
H: 152 S: 0.76 L: 0.46
#cc6965
H: 2 S: 0.5 L: 0.6
#ce221c
H: 2 S: 0.76 L: 0.46
#481918
H: 1 S: 0.5 L: 0.19
#7f7f7f
H: 0 S: 0 L: 0.5
#3d7bc1
H: 212 S: 0.52 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#f3870b
H: 32 S: 0.91 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e7b7b5
H: 2 S: 0.51 L: 0.81
#3f7bbf
H: 212 S: 0.5 L: 0.5
#ebf8f2
H: 152 S: 0.48 L: 0.95
#dc2822
H: 2 S: 0.73 L: 0.5
#c98435
H: 32 S: 0.58 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#0277fc
H: 212 S: 0.98 L: 0.5
#6a9e86
H: 152 S: 0.21 L: 0.52
#bf443f
H: 2 S: 0.5 L: 0.5
#e1a8a7
H: 1 S: 0.49 L: 0.77
#02fc87
H: 152 S: 0.98 L: 0.5
#eae0e0
H: 0 S: 0.19 L: 0.9
#0777f7
H: 212 S: 0.94 L: 0.5
#ecf7f2
H: 153 S: 0.41 L: 0.95
#bf443f
H: 2 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#07f78b
H: 153 S: 0.94 L: 0.5
#f70f07
H: 2 S: 0.94 L: 0.5
#3fbf85
H: 153 S: 0.5 L: 0.5
#3f7bbf
H: 212 S: 0.5 L: 0.5
#0cf287
H: 152 S: 0.91 L: 0.5
#e1231d
H: 2 S: 0.77 L: 0.5
#79d2a8
H: 152 S: 0.5 L: 0.65
#c4fce2
H: 152 S: 0.9 L: 0.88
#3fbf83
H: 152 S: 0.5 L: 0.5
#d09c61
H: 32 S: 0.54 L: 0.6
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#d4b490
H: 32 S: 0.44 L: 0.7
#7f7f7f
H: 0 S: 0 L: 0.5
#1e3b5b
H: 211 S: 0.5 L: 0.24
#e1861d
H: 32 S: 0.77 L: 0.5
#557ca9
H: 212 S: 0.33 L: 0.5
#b2e5cd
H: 152 S: 0.5 L: 0.8
#eb5b56
H: 2 S: 0.79 L: 0.63
#a0a0a0
H: 0 S: 0 L: 0.63
#7a7a7a
H: 0 S: 0 L: 0.48
#636363
H: 0 S: 0 L: 0.39
#282828
H: 0 S: 0 L: 0.16
#1178ed
H: 212 S: 0.87 L: 0.5
#349c6c
H: 152 S: 0.5 L: 0.41
#bb4743
H: 2 S: 0.47 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#939393
H: 0 S: 0 L: 0.58
#c6c6c6
H: 0 S: 0 L: 0.78
#d8d8d8
H: 0 S: 0 L: 0.85
#e8e8e8
H: 0 S: 0 L: 0.91
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#d4e2f0
H: 210 S: 0.48 L: 0.89
#7ca5d3
H: 212 S: 0.5 L: 0.66
#da9d57
H: 32 S: 0.64 L: 0.6
#c9b49b
H: 33 S: 0.3 L: 0.7
#162c44
H: 211 S: 0.51 L: 0.18
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#f33f39
H: 2 S: 0.89 L: 0.59
#969696
H: 0 S: 0 L: 0.59
#e0e0e0
H: 0 S: 0 L: 0.88
#f7f7f7
H: 0 S: 0 L: 0.97
#9e9e9e
H: 0 S: 0 L: 0.62
#e2e2e2
H: 0 S: 0 L: 0.89
#3f7bbf
H: 212 S: 0.5 L: 0.5
#5ba381
H: 152 S: 0.28 L: 0.5
#c54c48
H: 2 S: 0.52 L: 0.53
#e0cdb7
H: 32 S: 0.4 L: 0.8
#a1815d
H: 32 S: 0.27 L: 0.5
#18314d
H: 212 S: 0.52 L: 0.2
#7cd3ab
H: 152 S: 0.5 L: 0.66
#5b201e
H: 2 S: 0.5 L: 0.24
#ebf1f8
H: 212 S: 0.48 L: 0.95
#01fd87
H: 152 S: 0.99 L: 0.5
#a15f5d
H: 2 S: 0.27 L: 0.5
#e98615
H: 32 S: 0.83 L: 0.5
#5d7da1
H: 212 S: 0.27 L: 0.5
#0177fd
H: 212 S: 0.99 L: 0.5
#fd0901
H: 2 S: 0.99 L: 0.5
#a0ddc1
H: 152 S: 0.47 L: 0.75
#5b7a9e
H: 212 S: 0.27 L: 0.49
#547caa
H: 212 S: 0.34 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#e91c15
H: 2 S: 0.83 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#8ff4c5
H: 152 S: 0.82 L: 0.76
#c56c06
H: 32 S: 0.94 L: 0.4
#0fa35e
H: 152 S: 0.83 L: 0.35
#c99c68
H: 32 S: 0.47 L: 0.6
#1e2c3d
H: 213 S: 0.34 L: 0.18
#b2becb
H: 211 S: 0.19 L: 0.75
#14ea86
H: 152 S: 0.84 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#ecceab
H: 32 S: 0.63 L: 0.8
#3d4c5b
H: 210 S: 0.2 L: 0.3
#d19c60
H: 32 S: 0.55 L: 0.6
#e68618
H: 32 S: 0.81 L: 0.5
#14283d
H: 211 S: 0.51 L: 0.16
#0d9f5b
H: 152 S: 0.85 L: 0.34
#3f7bbf
H: 212 S: 0.5 L: 0.5
#4cb282
H: 152 S: 0.4 L: 0.5
#ce3530
H: 2 S: 0.62 L: 0.5
#be9b73
H: 32 S: 0.37 L: 0.6
#7f7f7f
H: 0 S: 0 L: 0.5
#6adca6
H: 152 S: 0.62 L: 0.64
#c56c06
H: 32 S: 0.94 L: 0.4
#dfcdb8
H: 32 S: 0.38 L: 0.8
#89a8cc
H: 212 S: 0.4 L: 0.67
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#bf443f
H: 2 S: 0.5 L: 0.5
#e2acaa
H: 2 S: 0.49 L: 0.78
#7f7f7f
H: 0 S: 0 L: 0.5
#c1d4ea
H: 212 S: 0.49 L: 0.84
#f3f7fb
H: 210 S: 0.5 L: 0.97
#541d1c
H: 1 S: 0.5 L: 0.22
#7ca5d3
H: 212 S: 0.5 L: 0.66
#1a5037
H: 152 S: 0.51 L: 0.21
#3f7bbf
H: 212 S: 0.5 L: 0.5
#3fbf83
H: 152 S: 0.5 L: 0.5
#f4efef
H: 0 S: 0.19 L: 0.95
#bf3f3f
H: 0 S: 0.5 L: 0.5
#a3815b
H: 32 S: 0.28 L: 0.5
#774811
H: 32 S: 0.75 L: 0.27
#f68708
H: 32 S: 0.94 L: 0.5
#18241e
H: 150 S: 0.2 L: 0.12
#e3e7ec
H: 213 S: 0.19 L: 0.91
#9c3434
H: 0 S: 0.5 L: 0.41
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.