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

#335784
H: 213 S: 0.44 L: 0.36
#578433
H: 93 S: 0.44 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36

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.

#335784
H: 213 S: 0.44 L: 0.36
#578433
H: 93 S: 0.44 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36
#335784
H: 213 S: 0.44 L: 0.36
#70a841
H: 93 S: 0.44 L: 0.46
#da156e
H: 333 S: 0.82 L: 0.47
#405267
H: 212 S: 0.23 L: 0.33
#578433
H: 93 S: 0.44 L: 0.36
#a90d53
H: 333 S: 0.86 L: 0.36
#335784
H: 213 S: 0.44 L: 0.36
#4e752d
H: 93 S: 0.44 L: 0.32
#cb7a9f
H: 333 S: 0.44 L: 0.64
#89c05d
H: 93 S: 0.44 L: 0.56
#4f76a5
H: 213 S: 0.35 L: 0.48
#578334
H: 93 S: 0.43 L: 0.36
#c15c89
H: 333 S: 0.45 L: 0.56
#f3e1e9
H: 333 S: 0.43 L: 0.92
#eef1f5
H: 214 S: 0.26 L: 0.95
#78c13d
H: 93 S: 0.52 L: 0.5
#af4f7a
H: 333 S: 0.38 L: 0.5
#e88916
H: 33 S: 0.83 L: 0.5
#0152b5
H: 213 S: 0.99 L: 0.36
#79b747
H: 93 S: 0.44 L: 0.5
#843357
H: 333 S: 0.44 L: 0.36
#ae8450
H: 33 S: 0.37 L: 0.5
#435974
H: 213 S: 0.27 L: 0.36
#b9d99f
H: 93 S: 0.43 L: 0.74
#b04475
H: 333 S: 0.44 L: 0.48
#c16f0a
H: 33 S: 0.9 L: 0.4
#6da540
H: 93 S: 0.44 L: 0.45
#18559e
H: 213 S: 0.74 L: 0.36
#669a3b
H: 93 S: 0.45 L: 0.42
#ca779c
H: 333 S: 0.44 L: 0.63
#6b6b6b
H: 0 S: 0 L: 0.42
#94c66b
H: 93 S: 0.44 L: 0.6
#ecf1f7
H: 213 S: 0.41 L: 0.95
#7ca05e
H: 93 S: 0.26 L: 0.5
#d12d77
H: 333 S: 0.65 L: 0.5
#c68638
H: 33 S: 0.56 L: 0.5
#f68b08
H: 33 S: 0.94 L: 0.5
#ecf1f7
H: 213 S: 0.41 L: 0.95
#79b747
H: 93 S: 0.44 L: 0.5
#b74779
H: 333 S: 0.44 L: 0.5
#c4863a
H: 33 S: 0.54 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#035ecd
H: 213 S: 0.97 L: 0.41
#53ae09
H: 93 S: 0.9 L: 0.36
#c76f97
H: 333 S: 0.44 L: 0.61
#aa8354
H: 33 S: 0.34 L: 0.5
#9b0247
H: 333 S: 0.97 L: 0.31
#f78b07
H: 33 S: 0.94 L: 0.5
#335784
H: 213 S: 0.44 L: 0.36
#578433
H: 93 S: 0.44 L: 0.36
#813658
H: 333 S: 0.41 L: 0.36
#faf4f7
H: 330 S: 0.37 L: 0.97
#e8b77c
H: 33 S: 0.7 L: 0.7
#be5987
H: 333 S: 0.44 L: 0.55
#ecf1f7
H: 213 S: 0.41 L: 0.95
#79b747
H: 93 S: 0.44 L: 0.5
#b74779
H: 333 S: 0.44 L: 0.5
#bc8542
H: 33 S: 0.48 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#4779b7
H: 213 S: 0.44 L: 0.5
#648fc3
H: 213 S: 0.44 L: 0.58
#54a016
H: 93 S: 0.76 L: 0.36
#a35b7b
H: 333 S: 0.28 L: 0.5
#5b5b5b
H: 0 S: 0 L: 0.36
#262626
H: 0 S: 0 L: 0.15
#898989
H: 0 S: 0 L: 0.54
#5684bd
H: 213 S: 0.44 L: 0.54
#578433
H: 93 S: 0.44 L: 0.36
#9d3d68
H: 333 S: 0.44 L: 0.43
#898989
H: 0 S: 0 L: 0.54
#223313
H: 92 S: 0.46 L: 0.14
#d189a9
H: 333 S: 0.44 L: 0.68
#335784
H: 213 S: 0.44 L: 0.36
#335784
H: 213 S: 0.44 L: 0.36
#578433
H: 93 S: 0.44 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36
#424242
H: 0 S: 0 L: 0.26
#8c8c8c
H: 0 S: 0 L: 0.55
#3d3d3d
H: 0 S: 0 L: 0.24
#f2f2f2
H: 0 S: 0 L: 0.95
#0853af
H: 213 S: 0.91 L: 0.36
#53ad0a
H: 93 S: 0.89 L: 0.36
#6e4959
H: 334 S: 0.2 L: 0.36
#decdb9
H: 32 S: 0.36 L: 0.8
#b76e14
H: 33 S: 0.8 L: 0.4
#be9c73
H: 33 S: 0.37 L: 0.6
#f44c95
H: 334 S: 0.88 L: 0.63
#335784
H: 213 S: 0.44 L: 0.36
#578433
H: 93 S: 0.44 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36
#f48b0a
H: 33 S: 0.92 L: 0.5
#e4ceb3
H: 33 S: 0.48 L: 0.8
#87be59
H: 93 S: 0.44 L: 0.55
#b66e15
H: 33 S: 0.79 L: 0.4
#335784
H: 213 S: 0.44 L: 0.36
#568f28
H: 93 S: 0.56 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36
#232323
H: 0 S: 0 L: 0.14
#c6c6c6
H: 0 S: 0 L: 0.78
#aaaaaa
H: 0 S: 0 L: 0.67
#141414
H: 0 S: 0 L: 0.08
#666666
H: 0 S: 0 L: 0.4
#aac1de
H: 213 S: 0.44 L: 0.77
#578433
H: 93 S: 0.44 L: 0.36
#803758
H: 333 S: 0.4 L: 0.36
#c79d6a
H: 33 S: 0.45 L: 0.6
#e7f2dd
H: 91 S: 0.45 L: 0.91
#b46d17
H: 33 S: 0.77 L: 0.4
#c1deaa
H: 93 S: 0.44 L: 0.77
#406695
H: 213 S: 0.4 L: 0.42
#4589dd
H: 213 S: 0.69 L: 0.57
#54a413
H: 93 S: 0.79 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36
#919191
H: 0 S: 0 L: 0.57
#1354a4
H: 213 S: 0.79 L: 0.36
#334d1d
H: 93 S: 0.45 L: 0.21
#81da38
H: 93 S: 0.69 L: 0.54
#e83f8b
H: 333 S: 0.79 L: 0.58
#4779b7
H: 213 S: 0.44 L: 0.5
#f1f7ec
H: 93 S: 0.41 L: 0.95
#ee1074
H: 333 S: 0.87 L: 0.5
#74ee10
H: 93 S: 0.87 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#db8823
H: 33 S: 0.72 L: 0.5
#1074ee
H: 213 S: 0.87 L: 0.5
#7ab34b
H: 93 S: 0.41 L: 0.5
#ecf1f7
H: 213 S: 0.41 L: 0.95
#74ea14
H: 93 S: 0.84 L: 0.5
#b74779
H: 333 S: 0.44 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#4b7ab3
H: 213 S: 0.41 L: 0.5
#ea1474
H: 333 S: 0.84 L: 0.5
#e4891a
H: 33 S: 0.8 L: 0.5
#7ab34b
H: 93 S: 0.41 L: 0.5
#1474ea
H: 213 S: 0.84 L: 0.5
#335784
H: 213 S: 0.44 L: 0.36
#578433
H: 93 S: 0.44 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36
#ad8451
H: 33 S: 0.36 L: 0.5
#1f3550
H: 213 S: 0.44 L: 0.22
#bd6e0e
H: 33 S: 0.86 L: 0.4
#c6b49e
H: 33 S: 0.26 L: 0.7
#94c56c
H: 93 S: 0.43 L: 0.6
#9fb9d9
H: 213 S: 0.43 L: 0.74
#15529d
H: 213 S: 0.76 L: 0.35
#4a9909
H: 93 S: 0.89 L: 0.32
#843357
H: 333 S: 0.44 L: 0.36
#d5fab6
H: 93 S: 0.87 L: 0.85
#f55ba0
H: 333 S: 0.89 L: 0.66
#8be542
H: 93 S: 0.76 L: 0.58
#fab1d2
H: 333 S: 0.88 L: 0.84
#a5c8f2
H: 213 S: 0.75 L: 0.8
#ffffff
H: 0 S: 0 L: 1
#0052b6
H: 213 S: 1 L: 0.36
#53aa0c
H: 93 S: 0.87 L: 0.36
#843357
H: 333 S: 0.44 L: 0.36
#cf85a7
H: 332 S: 0.44 L: 0.67
#79ef1a
H: 93 S: 0.87 L: 0.52
#81bb52
H: 93 S: 0.44 L: 0.53
#9fb9d9
H: 213 S: 0.43 L: 0.74
#b70052
H: 333 S: 1 L: 0.36
#b4d798
H: 93 S: 0.44 L: 0.72
#5d89c0
H: 213 S: 0.44 L: 0.56
#8af136
H: 93 S: 0.87 L: 0.58
#843357
H: 333 S: 0.44 L: 0.36
#8e8e8e
H: 0 S: 0 L: 0.56
#f68b08
H: 33 S: 0.94 L: 0.5
#578433
H: 93 S: 0.44 L: 0.36
#e0a051
H: 33 S: 0.7 L: 0.6
#c05d89
H: 333 S: 0.44 L: 0.56
#fbcfe3
H: 333 S: 0.85 L: 0.9
#ab6c20
H: 33 S: 0.68 L: 0.4
#2e527e
H: 213 S: 0.47 L: 0.34
#6ba13e
H: 93 S: 0.44 L: 0.44
#a41354
H: 333 S: 0.79 L: 0.36
#d7b68d
H: 33 S: 0.48 L: 0.7
#e5a04c
H: 33 S: 0.75 L: 0.6
#a86c23
H: 33 S: 0.66 L: 0.4
#f0dae4
H: 333 S: 0.42 L: 0.9
#f48b0a
H: 33 S: 0.92 L: 0.5
#7399c8
H: 213 S: 0.44 L: 0.62
#e9438e
H: 333 S: 0.79 L: 0.59
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.