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

#557daf
H: 213 S: 0.36 L: 0.51
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51

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.

#1f78e4
H: 213 S: 0.78 L: 0.51
#6e9c49
H: 93 S: 0.36 L: 0.45
#ad517a
H: 333 S: 0.36 L: 0.5
#2979da
H: 213 S: 0.71 L: 0.51
#7bc43f
H: 93 S: 0.53 L: 0.51
#f21176
H: 333 S: 0.9 L: 0.51
#557daf
H: 213 S: 0.36 L: 0.51
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51
#557daf
H: 213 S: 0.36 L: 0.51
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51
#e4ceb3
H: 33 S: 0.48 L: 0.8
#375375
H: 213 S: 0.36 L: 0.34
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51
#b7b7b7
H: 0 S: 0 L: 0.72
#517aad
H: 213 S: 0.36 L: 0.5
#f1f6ed
H: 93 S: 0.33 L: 0.95
#bb4379
H: 333 S: 0.47 L: 0.5
#7aad51
H: 93 S: 0.36 L: 0.5
#6288b5
H: 213 S: 0.36 L: 0.55
#6fac3e
H: 93 S: 0.47 L: 0.46
#cc93ad
H: 333 S: 0.36 L: 0.69
#757575
H: 0 S: 0 L: 0.46
#557daf
H: 213 S: 0.36 L: 0.51
#adcc93
H: 93 S: 0.36 L: 0.69
#c48ba5
H: 333 S: 0.33 L: 0.66
#7daf55
H: 93 S: 0.36 L: 0.51
#99afcb
H: 214 S: 0.32 L: 0.7
#557daf
H: 213 S: 0.36 L: 0.51
#74d425
H: 93 S: 0.7 L: 0.49
#954669
H: 333 S: 0.36 L: 0.43
#3f3f3f
H: 0 S: 0 L: 0.25
#141414
H: 0 S: 0 L: 0.08
#557daf
H: 213 S: 0.36 L: 0.51
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51
#050505
H: 0 S: 0 L: 0.02
#707070
H: 0 S: 0 L: 0.44
#edf1f6
H: 213 S: 0.33 L: 0.95
#78c33b
H: 93 S: 0.54 L: 0.5
#a35b7b
H: 333 S: 0.28 L: 0.5
#557ba9
H: 213 S: 0.33 L: 0.5
#c88636
H: 33 S: 0.57 L: 0.5
#2c70c3
H: 213 S: 0.63 L: 0.47
#76f112
H: 93 S: 0.89 L: 0.51
#9b697f
H: 334 S: 0.2 L: 0.51
#1c1c1c
H: 0 S: 0 L: 0.11
#020202
H: 0 S: 0 L: 0.01
#cccccc
H: 0 S: 0 L: 0.8
#517aad
H: 213 S: 0.36 L: 0.5
#7aad51
H: 93 S: 0.36 L: 0.5
#f6edf1
H: 333 S: 0.33 L: 0.95
#ad517a
H: 333 S: 0.36 L: 0.5
#f68b08
H: 33 S: 0.94 L: 0.5
#c1863d
H: 33 S: 0.52 L: 0.5
#3079d3
H: 213 S: 0.65 L: 0.51
#52822a
H: 93 S: 0.51 L: 0.34
#a3607e
H: 333 S: 0.27 L: 0.51
#8aa0bb
H: 213 S: 0.26 L: 0.64
#2a5282
H: 213 S: 0.51 L: 0.34
#7ea360
H: 93 S: 0.27 L: 0.51
#355172
H: 212 S: 0.37 L: 0.33
#c8f2a5
H: 93 S: 0.75 L: 0.8
#f93e92
H: 333 S: 0.94 L: 0.61
#9b9b9b
H: 0 S: 0 L: 0.61
#353535
H: 0 S: 0 L: 0.21
#ededed
H: 0 S: 0 L: 0.93
#356eb4
H: 213 S: 0.55 L: 0.46
#afce96
H: 93 S: 0.36 L: 0.7
#af557d
H: 333 S: 0.36 L: 0.51
#f3f6fb
H: 218 S: 0.5 L: 0.97
#d2a1b7
H: 333 S: 0.35 L: 0.73
#6eb534
H: 93 S: 0.55 L: 0.46
#6496d2
H: 213 S: 0.55 L: 0.61
#557daf
H: 213 S: 0.36 L: 0.51
#a0bc89
H: 93 S: 0.28 L: 0.64
#6b324c
H: 333 S: 0.36 L: 0.31
#7daf55
H: 93 S: 0.36 L: 0.51
#89a0bc
H: 213 S: 0.28 L: 0.64
#d6b7c5
H: 333 S: 0.27 L: 0.78
#ffffff
H: 0 S: 0 L: 1
#557daf
H: 213 S: 0.36 L: 0.51
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51
#f2f2f2
H: 0 S: 0 L: 0.95
#686868
H: 0 S: 0 L: 0.41
#3f3f3f
H: 0 S: 0 L: 0.25
#595959
H: 0 S: 0 L: 0.35
#305c91
H: 213 S: 0.5 L: 0.38
#7daf55
H: 93 S: 0.36 L: 0.51
#c83c7b
H: 333 S: 0.56 L: 0.51
#eacfad
H: 33 S: 0.59 L: 0.8
#3b1024
H: 332 S: 0.57 L: 0.15
#b78547
H: 33 S: 0.44 L: 0.5
#ef8a0f
H: 33 S: 0.88 L: 0.5
#557daf
H: 213 S: 0.36 L: 0.51
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51
#e7a04a
H: 33 S: 0.77 L: 0.6
#c46f07
H: 33 S: 0.93 L: 0.4
#d7b68d
H: 33 S: 0.48 L: 0.7
#926a39
H: 33 S: 0.44 L: 0.4
#fbfcfd
H: 210 S: 0.33 L: 0.99
#73b0fb
H: 213 S: 0.94 L: 0.72
#517235
H: 92 S: 0.37 L: 0.33
#f64a98
H: 333 S: 0.91 L: 0.63
#fccee3
H: 333 S: 0.88 L: 0.9
#a0a0a0
H: 0 S: 0 L: 0.63
#6c314c
H: 333 S: 0.38 L: 0.31
#41648f
H: 213 S: 0.38 L: 0.41
#b3fa74
H: 92 S: 0.93 L: 0.72
#7e9dc2
H: 213 S: 0.36 L: 0.63
#7cba49
H: 93 S: 0.45 L: 0.51
#dbb2c4
H: 334 S: 0.36 L: 0.78
#28466b
H: 213 S: 0.46 L: 0.29
#567939
H: 93 S: 0.36 L: 0.35
#461a2d
H: 334 S: 0.46 L: 0.19
#ba497a
H: 334 S: 0.45 L: 0.51
#f7faf3
H: 86 S: 0.41 L: 0.97
#1e78e6
H: 213 S: 0.8 L: 0.51
#487424
H: 93 S: 0.53 L: 0.3
#d52e79
H: 333 S: 0.67 L: 0.51
#9ed372
H: 93 S: 0.52 L: 0.64
#996b33
H: 33 S: 0.5 L: 0.4
#e2ceb5
H: 33 S: 0.44 L: 0.8
#234875
H: 213 S: 0.54 L: 0.3
#6bbf25
H: 93 S: 0.68 L: 0.45
#557daf
H: 213 S: 0.36 L: 0.51
#7daf55
H: 93 S: 0.36 L: 0.51
#af557d
H: 333 S: 0.36 L: 0.51
#0a0a0a
H: 0 S: 0 L: 0.04
#bcbcbc
H: 0 S: 0 L: 0.74
#999999
H: 0 S: 0 L: 0.6
#2d2d2d
H: 0 S: 0 L: 0.18
#f2f2f2
H: 0 S: 0 L: 0.95
#c6c6c6
H: 0 S: 0 L: 0.78
#557daf
H: 213 S: 0.36 L: 0.51
#cadeb9
H: 92 S: 0.36 L: 0.8
#eb1977
H: 333 S: 0.84 L: 0.51
#1977eb
H: 213 S: 0.84 L: 0.51
#45612d
H: 92 S: 0.37 L: 0.28
#a0c482
H: 93 S: 0.36 L: 0.64
#7beb19
H: 92 S: 0.84 L: 0.51
#b25c82
H: 333 S: 0.36 L: 0.53
#f6edf1
H: 333 S: 0.33 L: 0.95
#3077ce
H: 213 S: 0.62 L: 0.5
#74eb13
H: 93 S: 0.85 L: 0.5
#fbe9f1
H: 333 S: 0.69 L: 0.95
#eb1374
H: 333 S: 0.85 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#cd8731
H: 33 S: 0.61 L: 0.5
#392308
H: 33 S: 0.75 L: 0.13
#f376ae
H: 333 S: 0.84 L: 0.71
#2b2b2b
H: 0 S: 0 L: 0.17
#a4bad4
H: 213 S: 0.36 L: 0.74
#90d656
H: 93 S: 0.61 L: 0.59
#af557d
H: 333 S: 0.36 L: 0.51
#969696
H: 0 S: 0 L: 0.59
#e2e2e2
H: 0 S: 0 L: 0.89
#020202
H: 0 S: 0 L: 0.01
#f4f4f4
H: 0 S: 0 L: 0.96
#ededed
H: 0 S: 0 L: 0.93
#686868
H: 0 S: 0 L: 0.41
#1076f3
H: 213 S: 0.9 L: 0.51
#7aca39
H: 93 S: 0.58 L: 0.51
#cd377a
H: 333 S: 0.6 L: 0.51
#cc9e65
H: 33 S: 0.5 L: 0.6
#828282
H: 0 S: 0 L: 0.51
#a46c27
H: 33 S: 0.62 L: 0.4
#f4faee
H: 90 S: 0.55 L: 0.96
#e9a9c6
H: 333 S: 0.59 L: 0.79
#233d0f
H: 94 S: 0.61 L: 0.15
#285fa3
H: 213 S: 0.61 L: 0.4
#446791
H: 213 S: 0.36 L: 0.42
#7daf55
H: 93 S: 0.36 L: 0.51
#b4507d
H: 333 S: 0.4 L: 0.51
#0a0a0a
H: 0 S: 0 L: 0.04
#dddddd
H: 0 S: 0 L: 0.87
#5b5b5b
H: 0 S: 0 L: 0.36
#d8d8d8
H: 0 S: 0 L: 0.85
#606060
H: 0 S: 0 L: 0.38
#bababa
H: 0 S: 0 L: 0.73
#636363
H: 0 S: 0 L: 0.39
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.