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

#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2

Variants

#002d66
H: 214 S: 1 L: 0.2
#2d6600
H: 94 S: 1 L: 0.2
#66002d
H: 334 S: 1 L: 0.2
#0c2f59
H: 213 S: 0.76 L: 0.2
#2f590c
H: 93 S: 0.76 L: 0.2
#590c2f
H: 333 S: 0.76 L: 0.2
#19304c
H: 213 S: 0.5 L: 0.2
#304c19
H: 93 S: 0.5 L: 0.2
#4c1930
H: 333 S: 0.5 L: 0.2
#26313f
H: 214 S: 0.25 L: 0.2
#313f26
H: 94 S: 0.25 L: 0.2
#3f2631
H: 334 S: 0.25 L: 0.2
#00479e
H: 213 S: 1 L: 0.31
#479e00
H: 93 S: 1 L: 0.31
#9e0047
H: 333 S: 1 L: 0.31
#13498a
H: 213 S: 0.76 L: 0.31
#498a13
H: 93 S: 0.76 L: 0.31
#8a1349
H: 333 S: 0.76 L: 0.31
#274b76
H: 213 S: 0.5 L: 0.31
#4b7627
H: 93 S: 0.5 L: 0.31
#76274b
H: 333 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#4d623b
H: 92 S: 0.25 L: 0.31
#623b4d
H: 332 S: 0.25 L: 0.31
#0060d6
H: 213 S: 1 L: 0.42
#60d600
H: 93 S: 1 L: 0.42
#d60060
H: 333 S: 1 L: 0.42
#1a63bb
H: 213 S: 0.76 L: 0.42
#63bb1a
H: 93 S: 0.76 L: 0.42
#bb1a63
H: 333 S: 0.76 L: 0.42
#3565a0
H: 213 S: 0.5 L: 0.42
#65a035
H: 93 S: 0.5 L: 0.42
#a03565
H: 333 S: 0.5 L: 0.42
#506885
H: 213 S: 0.25 L: 0.42
#688550
H: 93 S: 0.25 L: 0.42
#855068
H: 333 S: 0.25 L: 0.42
#0f7bff
H: 213 S: 1 L: 0.53
#7bff0f
H: 93 S: 1 L: 0.53
#ff0f7b
H: 333 S: 1 L: 0.53
#2d7ee1
H: 213 S: 0.75 L: 0.53
#7ee12d
H: 93 S: 0.75 L: 0.53
#e12d7e
H: 333 S: 0.75 L: 0.53
#4b81c3
H: 213 S: 0.5 L: 0.53
#81c34b
H: 93 S: 0.5 L: 0.53
#c34b81
H: 333 S: 0.5 L: 0.53
#6984a5
H: 213 S: 0.25 L: 0.53
#84a569
H: 93 S: 0.25 L: 0.53
#a56984
H: 333 S: 0.25 L: 0.53
#479aff
H: 213 S: 1 L: 0.64
#9aff47
H: 93 S: 1 L: 0.64
#ff479a
H: 333 S: 1 L: 0.64
#5e9ce8
H: 213 S: 0.75 L: 0.64
#9ce85e
H: 93 S: 0.75 L: 0.64
#e85e9c
H: 333 S: 0.75 L: 0.64
#759ed1
H: 213 S: 0.5 L: 0.64
#9ed175
H: 93 S: 0.5 L: 0.64
#d1759e
H: 333 S: 0.5 L: 0.64
#8ca0ba
H: 214 S: 0.25 L: 0.64
#a0ba8c
H: 94 S: 0.25 L: 0.64
#ba8ca0
H: 334 S: 0.25 L: 0.64
#7fb8ff
H: 213 S: 1 L: 0.75
#b8ff7f
H: 93 S: 1 L: 0.75
#ff7fb8
H: 333 S: 1 L: 0.75
#8fbaef
H: 213 S: 0.75 L: 0.75
#baef8f
H: 93 S: 0.75 L: 0.75
#ef8fba
H: 333 S: 0.75 L: 0.75
#9fbcdf
H: 213 S: 0.5 L: 0.75
#bcdf9f
H: 93 S: 0.5 L: 0.75
#df9fbc
H: 333 S: 0.5 L: 0.75
#afbdcf
H: 214 S: 0.25 L: 0.75
#bdcfaf
H: 94 S: 0.25 L: 0.75
#cfafbd
H: 334 S: 0.25 L: 0.75
#b7d7ff
H: 213 S: 1 L: 0.86
#d7ffb7
H: 93 S: 1 L: 0.86
#ffb7d7
H: 333 S: 1 L: 0.86
#c0d8f6
H: 213 S: 0.75 L: 0.86
#d8f6c0
H: 93 S: 0.75 L: 0.86
#f6c0d8
H: 333 S: 0.75 L: 0.86
#c9d9ed
H: 213 S: 0.5 L: 0.86
#d9edc9
H: 93 S: 0.5 L: 0.86
#edc9d9
H: 333 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#dae4d2
H: 93 S: 0.25 L: 0.86
#e4d2da
H: 333 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#f6ffef
H: 94 S: 1 L: 0.97
#ffeff6
H: 334 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f6fdf1
H: 95 S: 0.75 L: 0.97
#fdf1f6
H: 335 S: 0.75 L: 0.97
#f3f6fb
H: 218 S: 0.5 L: 0.97
#f6fbf3
H: 98 S: 0.5 L: 0.97
#fbf3f6
H: 338 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f7f9f5
H: 90 S: 0.25 L: 0.97
#f9f5f7
H: 330 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
#c66f05
H: 33 S: 0.95 L: 0.4
#ad6d1e
H: 33 S: 0.7 L: 0.4
#936a38
H: 33 S: 0.45 L: 0.4
#d98a2a
H: 33 S: 0.7 L: 0.51
#ba8749
H: 33 S: 0.45 L: 0.51
#e1a45a
H: 33 S: 0.69 L: 0.62
#c9a272
H: 33 S: 0.45 L: 0.62
#eabe89
H: 33 S: 0.7 L: 0.73
#d9bd9b
H: 33 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.

#8ba5c4
H: 213 S: 0.33 L: 0.66
#56763b
H: 93 S: 0.33 L: 0.35
#eb9dc0
H: 333 S: 0.66 L: 0.77
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#b4c5d9
H: 212 S: 0.33 L: 0.78
#90b770
H: 93 S: 0.33 L: 0.58
#7b3b58
H: 333 S: 0.35 L: 0.36
#7091b7
H: 212 S: 0.33 L: 0.58
#4e719c
H: 213 S: 0.33 L: 0.46
#68894d
H: 93 S: 0.28 L: 0.42
#763b56
H: 333 S: 0.33 L: 0.35
#bc6e0f
H: 33 S: 0.85 L: 0.4
#99afcb
H: 214 S: 0.32 L: 0.7
#c5d9b4
H: 92 S: 0.33 L: 0.78
#f38fbc
H: 333 S: 0.81 L: 0.76
#b79c7a
H: 33 S: 0.3 L: 0.6
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#cd9cb2
H: 333 S: 0.33 L: 0.71
#eef1f6
H: 218 S: 0.31 L: 0.95
#7ba955
H: 93 S: 0.33 L: 0.5
#a9557b
H: 333 S: 0.33 L: 0.5
#5774a7
H: 218 S: 0.31 L: 0.5
#c88636
H: 33 S: 0.57 L: 0.5
#27313e
H: 214 S: 0.23 L: 0.2
#83ae5f
H: 93 S: 0.33 L: 0.53
#9f5073
H: 333 S: 0.33 L: 0.47
#cfb595
H: 33 S: 0.38 L: 0.7
#7e99be
H: 215 S: 0.33 L: 0.62
#223143
H: 213 S: 0.33 L: 0.2
#8cbf63
H: 93 S: 0.42 L: 0.57
#5d082e
H: 333 S: 0.84 L: 0.2
#f6fdf0
H: 92 S: 0.76 L: 0.97
#6285b0
H: 213 S: 0.33 L: 0.54
#223143
H: 213 S: 0.33 L: 0.2
#2f590c
H: 93 S: 0.76 L: 0.2
#c56c94
H: 333 S: 0.43 L: 0.6
#6ed21c
H: 93 S: 0.76 L: 0.47
#bc8542
H: 33 S: 0.48 L: 0.5
#112f54
H: 213 S: 0.66 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#764b5e
H: 333 S: 0.22 L: 0.38
#dfcdb8
H: 32 S: 0.38 L: 0.8
#e0a051
H: 33 S: 0.7 L: 0.6
#ad7f94
H: 333 S: 0.22 L: 0.59
#0257be
H: 213 S: 0.98 L: 0.38
#314322
H: 93 S: 0.33 L: 0.2
#8c2b56
H: 333 S: 0.53 L: 0.36
#606060
H: 0 S: 0 L: 0.38
#ecf6e3
H: 92 S: 0.51 L: 0.93
#e9b87b
H: 33 S: 0.71 L: 0.7
#b4c5d9
H: 212 S: 0.33 L: 0.78
#487820
H: 93 S: 0.58 L: 0.3
#91496a
H: 333 S: 0.33 L: 0.43
#334a65
H: 212 S: 0.33 L: 0.3
#e68918
H: 33 S: 0.81 L: 0.5
#bf9c72
H: 33 S: 0.38 L: 0.6
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#e7ceb0
H: 33 S: 0.53 L: 0.8
#b39b7e
H: 33 S: 0.26 L: 0.6
#a26c29
H: 33 S: 0.6 L: 0.4
#8ba5c4
H: 213 S: 0.33 L: 0.66
#314322
H: 93 S: 0.33 L: 0.2
#af2161
H: 333 S: 0.68 L: 0.41
#a88356
H: 33 S: 0.32 L: 0.5
#2161af
H: 213 S: 0.68 L: 0.41
#69344c
H: 333 S: 0.34 L: 0.31
#61af21
H: 93 S: 0.68 L: 0.41
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#ad6d1e
H: 33 S: 0.7 L: 0.4
#6285b0
H: 213 S: 0.33 L: 0.54
#ac5c80
H: 333 S: 0.33 L: 0.52
#eaa147
H: 33 S: 0.8 L: 0.6
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#bd8541
H: 33 S: 0.49 L: 0.5
#bbcadc
H: 213 S: 0.32 L: 0.8
#cfb595
H: 33 S: 0.38 L: 0.7
#ed8a11
H: 33 S: 0.87 L: 0.5
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#dae7cf
H: 93 S: 0.33 L: 0.86
#844260
H: 333 S: 0.33 L: 0.39
#50739f
H: 213 S: 0.33 L: 0.47
#99afcb
H: 214 S: 0.32 L: 0.7
#0d68d7
H: 213 S: 0.89 L: 0.45
#5fa229
H: 93 S: 0.6 L: 0.4
#91496a
H: 333 S: 0.33 L: 0.43
#053065
H: 213 S: 0.91 L: 0.21
#2f5114
H: 93 S: 0.6 L: 0.2
#de7ca8
H: 333 S: 0.6 L: 0.68
#90d557
H: 93 S: 0.6 L: 0.59
#496a91
H: 213 S: 0.33 L: 0.43
#557ba9
H: 213 S: 0.33 L: 0.5
#f1fce7
H: 91 S: 0.78 L: 0.95
#c63878
H: 333 S: 0.56 L: 0.5
#a78357
H: 33 S: 0.31 L: 0.5
#dd8821
H: 33 S: 0.74 L: 0.5
#7ce21c
H: 91 S: 0.78 L: 0.5
#1c75e2
H: 213 S: 0.78 L: 0.5
#87cb48
H: 91 S: 0.56 L: 0.54
#a3b7d0
H: 213 S: 0.32 L: 0.73
#98bc7a
H: 93 S: 0.33 L: 0.61
#432231
H: 333 S: 0.33 L: 0.2
#876944
H: 33 S: 0.33 L: 0.4
#bc7a98
H: 333 S: 0.33 L: 0.61
#c88636
H: 33 S: 0.57 L: 0.5
#405d80
H: 213 S: 0.33 L: 0.38
#eacfad
H: 33 S: 0.59 L: 0.8
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#fdfbfc
H: 330 S: 0.33 L: 0.99
#844260
H: 333 S: 0.33 L: 0.39
#95ba77
H: 93 S: 0.33 L: 0.6
#c184a0
H: 332 S: 0.33 L: 0.64
#d7b0c2
H: 332 S: 0.33 L: 0.77
#223143
H: 213 S: 0.33 L: 0.2
#314322
H: 93 S: 0.33 L: 0.2
#432231
H: 333 S: 0.33 L: 0.2
#b78547
H: 33 S: 0.44 L: 0.5
#e4b780
H: 33 S: 0.65 L: 0.7
#719c4e
H: 93 S: 0.33 L: 0.46
#f78b07
H: 33 S: 0.94 L: 0.5
#446287
H: 213 S: 0.33 L: 0.4
#7e9abe
H: 214 S: 0.33 L: 0.62
#5d7ea6
H: 213 S: 0.29 L: 0.51
#628744
H: 93 S: 0.33 L: 0.4
#d16596
H: 333 S: 0.54 L: 0.61
#ffffff
H: 0 S: 0 L: 1
#ef8a0f
H: 33 S: 0.88 L: 0.5
#decdb9
H: 32 S: 0.36 L: 0.8
#ce9e63
H: 33 S: 0.52 L: 0.6
#9b9b9b
H: 0 S: 0 L: 0.61
#733a53
H: 334 S: 0.33 L: 0.34
#1d3048
H: 213 S: 0.43 L: 0.2
#b7d0a3
H: 93 S: 0.32 L: 0.73
#5a0b2f
H: 333 S: 0.78 L: 0.2
#2f5a0b
H: 93 S: 0.78 L: 0.2
#ef7fb2
H: 333 S: 0.78 L: 0.72
#e53283
H: 333 S: 0.77 L: 0.55
#a4416d
H: 333 S: 0.43 L: 0.45
#9bc2f2
H: 213 S: 0.77 L: 0.78
#155bb1
H: 213 S: 0.79 L: 0.39
#223143
H: 213 S: 0.33 L: 0.2
#2e6005
H: 93 S: 0.9 L: 0.2
#e66fa4
H: 333 S: 0.7 L: 0.67
#a4e56f
H: 93 S: 0.69 L: 0.67
#aaaaaa
H: 0 S: 0 L: 0.67
#c6dbf5
H: 213 S: 0.7 L: 0.87
#2e7cda
H: 213 S: 0.7 L: 0.52
#60052e
H: 333 S: 0.9 L: 0.2
#6c954b
H: 93 S: 0.33 L: 0.44
#223143
H: 213 S: 0.33 L: 0.2
#cadfb8
H: 92 S: 0.38 L: 0.8
#ae5f83
H: 333 S: 0.33 L: 0.53
#d8d8d8
H: 0 S: 0 L: 0.85
#050505
H: 0 S: 0 L: 0.02
#dddddd
H: 0 S: 0 L: 0.87
#020202
H: 0 S: 0 L: 0.01
#c1c1c1
H: 0 S: 0 L: 0.76
#161616
H: 0 S: 0 L: 0.09
#f9f9f9
H: 0 S: 0 L: 0.98
#eef1f6
H: 218 S: 0.31 L: 0.95
#7ba955
H: 93 S: 0.33 L: 0.5
#a9557b
H: 333 S: 0.33 L: 0.5
#bf853f
H: 33 S: 0.5 L: 0.5
#f48b0a
H: 33 S: 0.92 L: 0.5
#5774a7
H: 218 S: 0.31 L: 0.5
#743d56
H: 333 S: 0.31 L: 0.35
#344664
H: 218 S: 0.32 L: 0.3
#231a0f
H: 33 S: 0.4 L: 0.1
#d6dde9
H: 218 S: 0.3 L: 0.88
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.