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

#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4

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
#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
#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
#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
#00669e
H: 201 S: 1 L: 0.31
#009e37
H: 141 S: 1 L: 0.31
#009e86
H: 171 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
#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
#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
#008bd6
H: 201 S: 1 L: 0.42
#00d64a
H: 141 S: 1 L: 0.42
#00d6b6
H: 171 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
#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
#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
#0fabff
H: 201 S: 1 L: 0.53
#0fff63
H: 141 S: 1 L: 0.53
#0fffdb
H: 171 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
#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
#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
#47beff
H: 201 S: 1 L: 0.64
#47ff87
H: 141 S: 1 L: 0.64
#47ffe3
H: 171 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
#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
#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
#7fd2ff
H: 201 S: 1 L: 0.75
#7fffac
H: 141 S: 1 L: 0.75
#7fffeb
H: 171 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
#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
#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
#b7e6ff
H: 201 S: 1 L: 0.86
#b7ffd0
H: 141 S: 1 L: 0.86
#b7fff4
H: 171 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
#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
#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
#eff9ff
H: 203 S: 1 L: 0.97
#effff5
H: 143 S: 1 L: 0.97
#effffc
H: 169 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
#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
#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

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.

#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4
#456f86
H: 201 S: 0.32 L: 0.4
#43d978
H: 141 S: 0.66 L: 0.56
#89d1c6
H: 171 S: 0.44 L: 0.68
#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4
#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#94cce9
H: 200 S: 0.66 L: 0.75
#21aa51
H: 141 S: 0.67 L: 0.4
#25bba4
H: 171 S: 0.67 L: 0.44
#d98558
H: 21 S: 0.63 L: 0.6
#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4
#b6dcf0
H: 201 S: 0.66 L: 0.83
#268cc3
H: 201 S: 0.67 L: 0.46
#3a9158
H: 141 S: 0.43 L: 0.4
#0dbea4
H: 171 S: 0.87 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#136a9a
H: 201 S: 0.78 L: 0.34
#98eab5
H: 141 S: 0.66 L: 0.76
#27ecce
H: 171 S: 0.84 L: 0.54
#565656
H: 0 S: 0 L: 0.34
#d9c8be
H: 22 S: 0.26 L: 0.8
#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4
#c56a39
H: 21 S: 0.55 L: 0.5
#d6a78e
H: 21 S: 0.47 L: 0.7
#278fc8
H: 201 S: 0.67 L: 0.47
#8fc5a2
H: 141 S: 0.32 L: 0.67
#01ba9f
H: 171 S: 0.99 L: 0.37
#777777
H: 0 S: 0 L: 0.47
#c2d5df
H: 201 S: 0.31 L: 0.82
#486e83
H: 201 S: 0.29 L: 0.4
#338e53
H: 141 S: 0.47 L: 0.38
#9cf6e8
H: 171 S: 0.83 L: 0.79
#c9c9c9
H: 0 S: 0 L: 0.79
#515151
H: 0 S: 0 L: 0.32
#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4
#a57459
H: 21 S: 0.3 L: 0.5
#e8a27c
H: 21 S: 0.7 L: 0.7
#f35c0b
H: 21 S: 0.91 L: 0.5
#1584c0
H: 201 S: 0.8 L: 0.42
#08c349
H: 141 S: 0.92 L: 0.4
#4a8179
H: 171 S: 0.27 L: 0.4
#7f5e4c
H: 21 S: 0.25 L: 0.4
#79c6f0
H: 201 S: 0.8 L: 0.71
#d7a78d
H: 21 S: 0.48 L: 0.7
#2a99d4
H: 201 S: 0.67 L: 0.5
#e9faef
H: 141 S: 0.63 L: 0.95
#19e5c6
H: 171 S: 0.8 L: 0.5
#19e560
H: 141 S: 0.8 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#c96935
H: 21 S: 0.58 L: 0.5
#217aaa
H: 201 S: 0.67 L: 0.4
#23a852
H: 141 S: 0.66 L: 0.4
#42d5bf
H: 171 S: 0.64 L: 0.55
#666666
H: 0 S: 0 L: 0.4
#8c8c8c
H: 0 S: 0 L: 0.55
#bcbcbc
H: 0 S: 0 L: 0.74
#217aaa
H: 201 S: 0.67 L: 0.4
#afe3c1
H: 141 S: 0.48 L: 0.79
#19fad8
H: 171 S: 0.96 L: 0.54
#666666
H: 0 S: 0 L: 0.4
#898989
H: 0 S: 0 L: 0.54
#8cd5fc
H: 201 S: 0.95 L: 0.77
#19fa67
H: 141 S: 0.96 L: 0.54
#6eb9e2
H: 201 S: 0.67 L: 0.66
#21aa51
H: 141 S: 0.67 L: 0.4
#0cbfa4
H: 171 S: 0.88 L: 0.4
#6ee296
H: 141 S: 0.67 L: 0.66
#14f0cf
H: 171 S: 0.88 L: 0.51
#d0a994
H: 21 S: 0.39 L: 0.7
#90593b
H: 21 S: 0.42 L: 0.4
#2878a3
H: 201 S: 0.61 L: 0.4
#2e844c
H: 141 S: 0.48 L: 0.35
#32d6be
H: 171 S: 0.67 L: 0.52
#848484
H: 0 S: 0 L: 0.52
#ecc2ab
H: 21 S: 0.63 L: 0.8
#9f542c
H: 21 S: 0.57 L: 0.4
#0a3730
H: 171 S: 0.69 L: 0.13
#3d728e
H: 201 S: 0.4 L: 0.4
#4ff68a
H: 141 S: 0.9 L: 0.64
#0ab79d
H: 171 S: 0.9 L: 0.38
#b7e0c5
H: 140 S: 0.4 L: 0.8
#ecc2ab
H: 21 S: 0.63 L: 0.8
#ddf1fd
H: 203 S: 0.89 L: 0.93
#a3a3a3
H: 0 S: 0 L: 0.64
#4d6d7e
H: 201 S: 0.24 L: 0.4
#197f3d
H: 141 S: 0.67 L: 0.3
#5ddfcb
H: 171 S: 0.67 L: 0.62
#cbe6f4
H: 200 S: 0.65 L: 0.88
#9e9e9e
H: 0 S: 0 L: 0.62
#0a2737
H: 201 S: 0.69 L: 0.13
#8c8c8c
H: 0 S: 0 L: 0.55
#23b29d
H: 171 S: 0.67 L: 0.42
#217aaa
H: 201 S: 0.67 L: 0.4
#129540
H: 141 S: 0.78 L: 0.33
#a5ede2
H: 171 S: 0.67 L: 0.79
#545454
H: 0 S: 0 L: 0.33
#d3662b
H: 21 S: 0.66 L: 0.5
#58de87
H: 141 S: 0.67 L: 0.61
#e6c4b1
H: 22 S: 0.51 L: 0.8
#72bbe3
H: 201 S: 0.67 L: 0.67
#87bfdd
H: 201 S: 0.56 L: 0.7
#21aa51
H: 141 S: 0.67 L: 0.4
#46857c
H: 171 S: 0.31 L: 0.4
#c18c70
H: 21 S: 0.4 L: 0.6
#e9c3ae
H: 21 S: 0.57 L: 0.8
#17532c
H: 141 S: 0.57 L: 0.21
#bc4b0f
H: 21 S: 0.85 L: 0.4
#6fd693
H: 141 S: 0.56 L: 0.64
#2a99d4
H: 201 S: 0.67 L: 0.5
#2ad465
H: 141 S: 0.67 L: 0.5
#e9faf8
H: 173 S: 0.63 L: 0.95
#b66f48
H: 21 S: 0.43 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#f19969
H: 21 S: 0.83 L: 0.68
#e86016
H: 21 S: 0.83 L: 0.5
#383838
H: 0 S: 0 L: 0.22
#217aaa
H: 201 S: 0.67 L: 0.4
#87ba99
H: 141 S: 0.27 L: 0.63
#a1ece1
H: 171 S: 0.66 L: 0.78
#e6c4b1
H: 22 S: 0.51 L: 0.8
#c64805
H: 21 S: 0.95 L: 0.4
#d18860
H: 21 S: 0.55 L: 0.6
#58afde
H: 201 S: 0.67 L: 0.61
#0d433b
H: 171 S: 0.68 L: 0.16
#21a54f
H: 141 S: 0.67 L: 0.39
#74a7c2
H: 201 S: 0.39 L: 0.61
#3afd7e
H: 141 S: 0.98 L: 0.61
#21aa95
H: 171 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#898989
H: 0 S: 0 L: 0.54
#e2e2e2
H: 0 S: 0 L: 0.89
#2d2d2d
H: 0 S: 0 L: 0.18
#3f3f3f
H: 0 S: 0 L: 0.25
#c4c4c4
H: 0 S: 0 L: 0.77
#219bdd
H: 201 S: 0.74 L: 0.5
#2ad465
H: 141 S: 0.67 L: 0.5
#ecf8f6
H: 170 S: 0.46 L: 0.95
#bd6c41
H: 21 S: 0.49 L: 0.5
#44baa6
H: 170 S: 0.46 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#ee5e10
H: 21 S: 0.87 L: 0.5
#614637
H: 21 S: 0.28 L: 0.3
#1e1e1e
H: 0 S: 0 L: 0.12
#217aaa
H: 201 S: 0.67 L: 0.4
#21aa51
H: 141 S: 0.67 L: 0.4
#21aa95
H: 171 S: 0.67 L: 0.4
#f6fafd
H: 206 S: 0.64 L: 0.98
#666666
H: 0 S: 0 L: 0.4
#61b3df
H: 201 S: 0.66 L: 0.63
#61df8d
H: 141 S: 0.66 L: 0.63
#36d7bf
H: 171 S: 0.67 L: 0.53
#76e4d3
H: 171 S: 0.67 L: 0.68
#217aaa
H: 201 S: 0.67 L: 0.4
#42895b
H: 141 S: 0.35 L: 0.4
#a1ece1
H: 171 S: 0.66 L: 0.78
#db8556
H: 21 S: 0.65 L: 0.6
#a95122
H: 21 S: 0.67 L: 0.4
#c6c6c6
H: 0 S: 0 L: 0.78
#5eb1de
H: 201 S: 0.66 L: 0.62
#f1f8f3
H: 137 S: 0.33 L: 0.96
#0d3f1e
H: 140 S: 0.66 L: 0.15
#f05d0e
H: 21 S: 0.89 L: 0.5
#87c5e7
H: 201 S: 0.67 L: 0.72
#15b64d
H: 141 S: 0.79 L: 0.4
#32d6be
H: 171 S: 0.67 L: 0.52
#157eb6
H: 201 S: 0.79 L: 0.4
#b7b7b7
H: 0 S: 0 L: 0.72
#666666
H: 0 S: 0 L: 0.4
#09354d
H: 201 S: 0.79 L: 0.17
#d4eaf6
H: 201 S: 0.65 L: 0.9
#6d6d6d
H: 0 S: 0 L: 0.43
#76e49c
H: 141 S: 0.67 L: 0.68
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.