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

#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5

Variants

#002d66
H: 214 S: 1 L: 0.2
#006066
H: 184 S: 1 L: 0.2
#050066
H: 243 S: 1 L: 0.2
#0c2f59
H: 213 S: 0.76 L: 0.2
#0c5559
H: 183 S: 0.76 L: 0.2
#100c59
H: 243 S: 0.76 L: 0.2
#19304c
H: 213 S: 0.5 L: 0.2
#19494c
H: 184 S: 0.5 L: 0.2
#1c194c
H: 244 S: 0.5 L: 0.2
#26313f
H: 214 S: 0.25 L: 0.2
#263e3f
H: 182 S: 0.25 L: 0.2
#27263f
H: 242 S: 0.25 L: 0.2
#00479e
H: 213 S: 1 L: 0.31
#00969e
H: 183 S: 1 L: 0.31
#07009e
H: 243 S: 1 L: 0.31
#13498a
H: 213 S: 0.76 L: 0.31
#13848a
H: 183 S: 0.76 L: 0.31
#19138a
H: 243 S: 0.76 L: 0.31
#274b76
H: 213 S: 0.5 L: 0.31
#277276
H: 183 S: 0.5 L: 0.31
#2b2776
H: 243 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#3b6062
H: 183 S: 0.25 L: 0.31
#3d3b62
H: 243 S: 0.25 L: 0.31
#0060d6
H: 213 S: 1 L: 0.42
#00cbd6
H: 183 S: 1 L: 0.42
#0a00d6
H: 243 S: 1 L: 0.42
#1a63bb
H: 213 S: 0.76 L: 0.42
#1ab3bb
H: 183 S: 0.76 L: 0.42
#221abb
H: 243 S: 0.76 L: 0.42
#3565a0
H: 213 S: 0.5 L: 0.42
#359ba0
H: 183 S: 0.5 L: 0.42
#3a35a0
H: 243 S: 0.5 L: 0.42
#506885
H: 213 S: 0.25 L: 0.42
#508385
H: 182 S: 0.25 L: 0.42
#535085
H: 243 S: 0.25 L: 0.42
#0f7bff
H: 213 S: 1 L: 0.53
#0ff3ff
H: 183 S: 1 L: 0.53
#1b0fff
H: 243 S: 1 L: 0.53
#2d7ee1
H: 213 S: 0.75 L: 0.53
#2dd8e1
H: 183 S: 0.75 L: 0.53
#362de1
H: 243 S: 0.75 L: 0.53
#4b81c3
H: 213 S: 0.5 L: 0.53
#4bbdc3
H: 183 S: 0.5 L: 0.53
#514bc3
H: 243 S: 0.5 L: 0.53
#6984a5
H: 213 S: 0.25 L: 0.53
#69a2a5
H: 183 S: 0.25 L: 0.53
#6c69a5
H: 243 S: 0.25 L: 0.53
#479aff
H: 213 S: 1 L: 0.64
#47f5ff
H: 183 S: 1 L: 0.64
#5047ff
H: 243 S: 1 L: 0.64
#5e9ce8
H: 213 S: 0.75 L: 0.64
#5ee1e8
H: 183 S: 0.75 L: 0.64
#655ee8
H: 243 S: 0.75 L: 0.64
#759ed1
H: 213 S: 0.5 L: 0.64
#75ccd1
H: 183 S: 0.5 L: 0.64
#7975d1
H: 243 S: 0.5 L: 0.64
#8ca0ba
H: 214 S: 0.25 L: 0.64
#8cb7ba
H: 184 S: 0.25 L: 0.64
#8e8cba
H: 243 S: 0.25 L: 0.64
#7fb8ff
H: 213 S: 1 L: 0.75
#7ff8ff
H: 183 S: 1 L: 0.75
#857fff
H: 243 S: 1 L: 0.75
#8fbaef
H: 213 S: 0.75 L: 0.75
#8feaef
H: 183 S: 0.75 L: 0.75
#948fef
H: 243 S: 0.75 L: 0.75
#9fbcdf
H: 213 S: 0.5 L: 0.75
#9fdbdf
H: 184 S: 0.5 L: 0.75
#a29fdf
H: 243 S: 0.5 L: 0.75
#afbdcf
H: 214 S: 0.25 L: 0.75
#afcdcf
H: 184 S: 0.25 L: 0.75
#b0afcf
H: 242 S: 0.25 L: 0.75
#b7d7ff
H: 213 S: 1 L: 0.86
#b7fbff
H: 183 S: 1 L: 0.86
#bbb7ff
H: 243 S: 1 L: 0.86
#c0d8f6
H: 213 S: 0.75 L: 0.86
#c0f3f6
H: 183 S: 0.75 L: 0.86
#c3c0f6
H: 243 S: 0.75 L: 0.86
#c9d9ed
H: 213 S: 0.5 L: 0.86
#c9ebed
H: 183 S: 0.5 L: 0.86
#cbc9ed
H: 243 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#d2e3e4
H: 183 S: 0.25 L: 0.86
#d3d2e4
H: 243 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#effeff
H: 184 S: 1 L: 0.97
#f0efff
H: 244 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f1fcfd
H: 185 S: 0.75 L: 0.97
#f2f1fd
H: 245 S: 0.75 L: 0.97
#f3f6fb
H: 218 S: 0.5 L: 0.97
#f3fafb
H: 188 S: 0.5 L: 0.97
#f3f3fb
H: 240 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f5f9f9
H: 180 S: 0.25 L: 0.97
#f5f5f9
H: 240 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.

#3568a5
H: 213 S: 0.51 L: 0.43
#18dce6
H: 183 S: 0.81 L: 0.5
#383667
H: 242 S: 0.31 L: 0.31
#7489a4
H: 214 S: 0.21 L: 0.55
#31c5cd
H: 183 S: 0.61 L: 0.5
#6862d9
H: 243 S: 0.61 L: 0.62
#4b7ab3
H: 213 S: 0.41 L: 0.5
#2accd4
H: 183 S: 0.67 L: 0.5
#7871fd
H: 243 S: 0.97 L: 0.72
#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#718eb1
H: 213 S: 0.29 L: 0.57
#31c5cd
H: 183 S: 0.61 L: 0.5
#8781f7
H: 243 S: 0.88 L: 0.74
#eab87a
H: 33 S: 0.73 L: 0.7
#2674d3
H: 213 S: 0.69 L: 0.49
#609b9e
H: 183 S: 0.24 L: 0.5
#342dbc
H: 243 S: 0.61 L: 0.46
#0f4e51
H: 183 S: 0.69 L: 0.19
#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#c88636
H: 33 S: 0.57 L: 0.5
#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1c1866
H: 243 S: 0.62 L: 0.25
#03479a
H: 213 S: 0.96 L: 0.31
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#4f4f4f
H: 0 S: 0 L: 0.31
#7f7f7f
H: 0 S: 0 L: 0.5
#3177cd
H: 213 S: 0.61 L: 0.5
#9bf8fc
H: 182 S: 0.94 L: 0.8
#524db1
H: 243 S: 0.39 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#cccccc
H: 0 S: 0 L: 0.8
#3978c5
H: 213 S: 0.55 L: 0.5
#b7dee0
H: 183 S: 0.4 L: 0.8
#646198
H: 243 S: 0.22 L: 0.49
#a98355
H: 33 S: 0.33 L: 0.5
#ebcfac
H: 33 S: 0.61 L: 0.8
#517aad
H: 213 S: 0.36 L: 0.5
#2db5bc
H: 183 S: 0.61 L: 0.46
#3931cd
H: 243 S: 0.61 L: 0.5
#e6ecf3
H: 212 S: 0.35 L: 0.93
#201b72
H: 243 S: 0.62 L: 0.28
#ed8a11
H: 33 S: 0.87 L: 0.5
#3177cd
H: 213 S: 0.61 L: 0.5
#1cdde7
H: 183 S: 0.81 L: 0.51
#686699
H: 242 S: 0.2 L: 0.5
#82ecf1
H: 183 S: 0.8 L: 0.73
#e6f8f9
H: 183 S: 0.61 L: 0.94
#231ce7
H: 242 S: 0.81 L: 0.51
#3878c6
H: 213 S: 0.56 L: 0.5
#24e4ee
H: 183 S: 0.86 L: 0.54
#0d04b7
H: 243 S: 0.96 L: 0.37
#cfb595
H: 33 S: 0.38 L: 0.7
#5e5e5e
H: 0 S: 0 L: 0.37
#05484b
H: 183 S: 0.88 L: 0.16
#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#515151
H: 0 S: 0 L: 0.32
#707070
H: 0 S: 0 L: 0.44
#ebf1f9
H: 214 S: 0.54 L: 0.95
#59a1a5
H: 183 S: 0.3 L: 0.5
#372fcf
H: 243 S: 0.63 L: 0.5
#ae8450
H: 33 S: 0.37 L: 0.5
#2fc7cf
H: 183 S: 0.63 L: 0.5
#1c385e
H: 215 S: 0.54 L: 0.24
#e4891a
H: 33 S: 0.8 L: 0.5
#3678c8
H: 213 S: 0.57 L: 0.5
#98f0f5
H: 183 S: 0.82 L: 0.78
#615ea0
H: 243 S: 0.26 L: 0.5
#826849
H: 33 S: 0.28 L: 0.4
#dfa052
H: 33 S: 0.69 L: 0.6
#4037eb
H: 243 S: 0.82 L: 0.57
#c6c6c6
H: 0 S: 0 L: 0.78
#2a66b0
H: 213 S: 0.61 L: 0.43
#27ebf6
H: 183 S: 0.92 L: 0.56
#2015e9
H: 243 S: 0.83 L: 0.5
#a88356
H: 33 S: 0.32 L: 0.5
#6d6d6d
H: 0 S: 0 L: 0.43
#d9b68b
H: 33 S: 0.51 L: 0.7
#528dd5
H: 213 S: 0.61 L: 0.58
#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#ebeafa
H: 244 S: 0.62 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#e0891e
H: 33 S: 0.76 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#3177cd
H: 213 S: 0.61 L: 0.5
#8cdee3
H: 183 S: 0.61 L: 0.72
#1811a0
H: 243 S: 0.81 L: 0.35
#109aa1
H: 183 S: 0.82 L: 0.35
#dae6f6
H: 214 S: 0.61 L: 0.91
#e2b782
H: 33 S: 0.62 L: 0.7
#c0863e
H: 33 S: 0.51 L: 0.5
#4accd3
H: 183 S: 0.61 L: 0.56
#6288b5
H: 213 S: 0.36 L: 0.55
#00f2ff
H: 183 S: 1 L: 0.5
#10089a
H: 243 S: 0.9 L: 0.32
#515151
H: 0 S: 0 L: 0.32
#919191
H: 0 S: 0 L: 0.57
#bfbfbf
H: 0 S: 0 L: 0.75
#686868
H: 0 S: 0 L: 0.41
#606060
H: 0 S: 0 L: 0.38
#627c9c
H: 213 S: 0.23 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#0c02d9
H: 243 S: 0.98 L: 0.43
#d9b68b
H: 33 S: 0.51 L: 0.7
#af844f
H: 33 S: 0.38 L: 0.5
#0269e8
H: 213 S: 0.98 L: 0.46
#19155a
H: 243 S: 0.62 L: 0.22
#7fabe0
H: 213 S: 0.61 L: 0.69
#265da0
H: 213 S: 0.62 L: 0.39
#67d4da
H: 183 S: 0.61 L: 0.63
#3931cd
H: 243 S: 0.61 L: 0.5
#ae8450
H: 33 S: 0.37 L: 0.5
#e4ceb3
H: 33 S: 0.48 L: 0.8
#636363
H: 0 S: 0 L: 0.39
#6c67da
H: 243 S: 0.61 L: 0.63
#a0a0a0
H: 0 S: 0 L: 0.63
#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#dfdef7
H: 242 S: 0.61 L: 0.92
#9c98e6
H: 243 S: 0.61 L: 0.75
#124b4e
H: 183 S: 0.63 L: 0.19
#dbdbdb
H: 0 S: 0 L: 0.86
#aca8ea
H: 244 S: 0.61 L: 0.79
#3177cd
H: 213 S: 0.61 L: 0.5
#98e2e6
H: 183 S: 0.61 L: 0.75
#3b3865
H: 244 S: 0.29 L: 0.31
#bfbfbf
H: 0 S: 0 L: 0.75
#7f7f7f
H: 0 S: 0 L: 0.5
#bfbfbf
H: 0 S: 0 L: 0.75
#8e8e8e
H: 0 S: 0 L: 0.56
#9b9b9b
H: 0 S: 0 L: 0.61
#efefef
H: 0 S: 0 L: 0.94
#90b5e4
H: 214 S: 0.61 L: 0.73
#45aeb3
H: 183 S: 0.44 L: 0.49
#3931cd
H: 243 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#727272
H: 0 S: 0 L: 0.45
#141414
H: 0 S: 0 L: 0.08
#686868
H: 0 S: 0 L: 0.41
#474747
H: 0 S: 0 L: 0.28
#aaaaaa
H: 0 S: 0 L: 0.67
#3177cd
H: 213 S: 0.61 L: 0.5
#56a4a8
H: 183 S: 0.32 L: 0.5
#140bc5
H: 243 S: 0.89 L: 0.41
#d3dce8
H: 214 S: 0.31 L: 0.87
#c89d69
H: 33 S: 0.46 L: 0.6
#1f1a6e
H: 244 S: 0.62 L: 0.27
#7f7f7f
H: 0 S: 0 L: 0.5
#94c1f8
H: 213 S: 0.88 L: 0.78
#0ccad4
H: 183 S: 0.89 L: 0.44
#3177cd
H: 213 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#c0863e
H: 33 S: 0.51 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#f7f2ec
H: 33 S: 0.41 L: 0.95
#8c8c8c
H: 0 S: 0 L: 0.55
#353535
H: 0 S: 0 L: 0.21
#eaeaea
H: 0 S: 0 L: 0.92
#fafcfe
H: 210 S: 0.67 L: 0.99
#eaf1fa
H: 214 S: 0.62 L: 0.95
#609b9e
H: 183 S: 0.24 L: 0.5
#3931cd
H: 243 S: 0.61 L: 0.5
#31c5cd
H: 183 S: 0.61 L: 0.5
#cd8731
H: 33 S: 0.61 L: 0.5
#8b87e2
H: 243 S: 0.61 L: 0.71
#252087
H: 243 S: 0.62 L: 0.33
#051718
H: 183 S: 0.66 L: 0.06
#1b6e72
H: 183 S: 0.62 L: 0.28
#134e52
H: 184 S: 0.62 L: 0.2
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.