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

#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5

Variants

#001066
H: 231 S: 1 L: 0.2
#116600
H: 110 S: 1 L: 0.2
#660011
H: 350 S: 1 L: 0.2
#0c1959
H: 230 S: 0.76 L: 0.2
#19590c
H: 110 S: 0.76 L: 0.2
#590c19
H: 350 S: 0.76 L: 0.2
#19214c
H: 231 S: 0.5 L: 0.2
#224c19
H: 109 S: 0.5 L: 0.2
#4c1922
H: 349 S: 0.5 L: 0.2
#262a3f
H: 230 S: 0.25 L: 0.2
#2a3f26
H: 110 S: 0.25 L: 0.2
#3f262a
H: 350 S: 0.25 L: 0.2
#001a9e
H: 230 S: 1 L: 0.31
#1a9e00
H: 110 S: 1 L: 0.31
#9e001a
H: 350 S: 1 L: 0.31
#13278a
H: 230 S: 0.76 L: 0.31
#278a13
H: 110 S: 0.76 L: 0.31
#8a1327
H: 350 S: 0.76 L: 0.31
#273476
H: 230 S: 0.5 L: 0.31
#347627
H: 110 S: 0.5 L: 0.31
#762734
H: 350 S: 0.5 L: 0.31
#3b4162
H: 231 S: 0.25 L: 0.31
#41623b
H: 111 S: 0.25 L: 0.31
#623b41
H: 351 S: 0.25 L: 0.31
#0023d6
H: 230 S: 1 L: 0.42
#23d600
H: 110 S: 1 L: 0.42
#d60023
H: 350 S: 1 L: 0.42
#1a35bb
H: 230 S: 0.76 L: 0.42
#35bb1a
H: 110 S: 0.76 L: 0.42
#bb1a35
H: 350 S: 0.76 L: 0.42
#3547a0
H: 230 S: 0.5 L: 0.42
#47a035
H: 110 S: 0.5 L: 0.42
#a03547
H: 350 S: 0.5 L: 0.42
#505985
H: 230 S: 0.25 L: 0.42
#598550
H: 110 S: 0.25 L: 0.42
#855059
H: 350 S: 0.25 L: 0.42
#0f37ff
H: 230 S: 1 L: 0.53
#37ff0f
H: 110 S: 1 L: 0.53
#ff0f37
H: 350 S: 1 L: 0.53
#2d4be1
H: 230 S: 0.75 L: 0.53
#4be12d
H: 110 S: 0.75 L: 0.53
#e12d4b
H: 350 S: 0.75 L: 0.53
#4b5fc3
H: 230 S: 0.5 L: 0.53
#5fc34b
H: 110 S: 0.5 L: 0.53
#c34b5f
H: 350 S: 0.5 L: 0.53
#6973a5
H: 230 S: 0.25 L: 0.53
#73a569
H: 110 S: 0.25 L: 0.53
#a56973
H: 350 S: 0.25 L: 0.53
#4765ff
H: 230 S: 1 L: 0.64
#66ff47
H: 110 S: 1 L: 0.64
#ff4766
H: 350 S: 1 L: 0.64
#5e75e8
H: 230 S: 0.75 L: 0.64
#75e85e
H: 110 S: 0.75 L: 0.64
#e85e75
H: 350 S: 0.75 L: 0.64
#7584d1
H: 230 S: 0.5 L: 0.64
#84d175
H: 110 S: 0.5 L: 0.64
#d17584
H: 350 S: 0.5 L: 0.64
#8c93ba
H: 231 S: 0.25 L: 0.64
#93ba8c
H: 111 S: 0.25 L: 0.64
#ba8c93
H: 351 S: 0.25 L: 0.64
#7f94ff
H: 230 S: 1 L: 0.75
#94ff7f
H: 110 S: 1 L: 0.75
#ff7f94
H: 350 S: 1 L: 0.75
#8f9fef
H: 230 S: 0.75 L: 0.75
#9fef8f
H: 110 S: 0.75 L: 0.75
#ef8f9f
H: 350 S: 0.75 L: 0.75
#9faadf
H: 230 S: 0.5 L: 0.75
#aadf9f
H: 110 S: 0.5 L: 0.75
#df9faa
H: 350 S: 0.5 L: 0.75
#afb4cf
H: 231 S: 0.25 L: 0.75
#b4cfaf
H: 111 S: 0.25 L: 0.75
#cfafb4
H: 351 S: 0.25 L: 0.75
#b7c3ff
H: 230 S: 1 L: 0.86
#c3ffb7
H: 110 S: 1 L: 0.86
#ffb7c3
H: 350 S: 1 L: 0.86
#c0c9f6
H: 230 S: 0.75 L: 0.86
#c9f6c0
H: 110 S: 0.75 L: 0.86
#f6c0c9
H: 350 S: 0.75 L: 0.86
#c9cfed
H: 230 S: 0.5 L: 0.86
#cfedc9
H: 110 S: 0.5 L: 0.86
#edc9cf
H: 350 S: 0.5 L: 0.86
#d2d5e4
H: 230 S: 0.25 L: 0.86
#d5e4d2
H: 110 S: 0.25 L: 0.86
#e4d2d5
H: 350 S: 0.25 L: 0.86
#eff2ff
H: 229 S: 1 L: 0.97
#f2ffef
H: 109 S: 1 L: 0.97
#ffeff2
H: 349 S: 1 L: 0.97
#f1f3fd
H: 230 S: 0.75 L: 0.97
#f3fdf1
H: 110 S: 0.75 L: 0.97
#fdf1f3
H: 350 S: 0.75 L: 0.97
#f3f4fb
H: 233 S: 0.5 L: 0.97
#f4fbf3
H: 113 S: 0.5 L: 0.97
#fbf3f4
H: 353 S: 0.5 L: 0.97
#f5f6f9
H: 225 S: 0.25 L: 0.97
#f6f9f5
H: 105 S: 0.25 L: 0.97
#f9f5f6
H: 345 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
#c64505
H: 20 S: 0.95 L: 0.4
#ad4e1e
H: 20 S: 0.7 L: 0.4
#935638
H: 20 S: 0.45 L: 0.4
#d9642a
H: 20 S: 0.7 L: 0.51
#ba6f49
H: 20 S: 0.45 L: 0.51
#e1875a
H: 20 S: 0.69 L: 0.62
#c98f72
H: 20 S: 0.45 L: 0.62
#eaaa89
H: 20 S: 0.7 L: 0.73
#d9af9b
H: 19 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.

#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#eaedfa
H: 229 S: 0.62 L: 0.95
#4bcd31
H: 110 S: 0.61 L: 0.5
#b14d5e
H: 350 S: 0.39 L: 0.5
#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#dd7385
H: 350 S: 0.61 L: 0.66
#7f7f7f
H: 0 S: 0 L: 0.5
#183ae6
H: 230 S: 0.81 L: 0.5
#83c076
H: 109 S: 0.37 L: 0.61
#cd314b
H: 350 S: 0.61 L: 0.5
#faeaed
H: 349 S: 0.62 L: 0.95
#334ccc
H: 230 S: 0.6 L: 0.5
#5be240
H: 110 S: 0.74 L: 0.57
#f30b32
H: 350 S: 0.91 L: 0.5
#e67f4b
H: 20 S: 0.76 L: 0.6
#8c9ae3
H: 230 S: 0.61 L: 0.72
#5dd246
H: 110 S: 0.61 L: 0.55
#e79ca8
H: 350 S: 0.61 L: 0.76
#8c8c8c
H: 0 S: 0 L: 0.55
#8997e0
H: 230 S: 0.58 L: 0.71
#38e915
H: 110 S: 0.83 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b5b5b5
H: 0 S: 0 L: 0.71
#314bcd
H: 230 S: 0.61 L: 0.5
#64a856
H: 110 S: 0.32 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3c1f24
H: 350 S: 0.32 L: 0.18
#606b9e
H: 229 S: 0.24 L: 0.5
#55bf3f
H: 110 S: 0.5 L: 0.5
#e81639
H: 350 S: 0.83 L: 0.5
#a77257
H: 20 S: 0.31 L: 0.5
#153ce9
H: 229 S: 0.83 L: 0.5
#5a6fd7
H: 230 S: 0.61 L: 0.6
#5dd246
H: 110 S: 0.61 L: 0.55
#cc334c
H: 350 S: 0.6 L: 0.5
#eac1ad
H: 20 S: 0.59 L: 0.8
#8c8c8c
H: 0 S: 0 L: 0.55
#4c5894
H: 230 S: 0.32 L: 0.44
#44d826
H: 110 S: 0.7 L: 0.5
#e91538
H: 350 S: 0.83 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#aed1a7
H: 110 S: 0.31 L: 0.74
#9facee
H: 230 S: 0.7 L: 0.78
#4b5cb3
H: 230 S: 0.41 L: 0.5
#2bfd01
H: 110 S: 0.99 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#262626
H: 0 S: 0 L: 0.15
#7a7a7a
H: 0 S: 0 L: 0.48
#5268d5
H: 230 S: 0.61 L: 0.58
#4bcd31
H: 110 S: 0.61 L: 0.5
#932336
H: 350 S: 0.62 L: 0.36
#7f7f7f
H: 0 S: 0 L: 0.5
#5b5b5b
H: 0 S: 0 L: 0.36
#e2e2e2
H: 0 S: 0 L: 0.89
#314bcd
H: 230 S: 0.61 L: 0.5
#49cf2f
H: 110 S: 0.63 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#256618
H: 110 S: 0.62 L: 0.25
#e1c4b6
H: 20 S: 0.42 L: 0.8
#3957ed
H: 230 S: 0.83 L: 0.58
#2dfb03
H: 110 S: 0.98 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#203187
H: 230 S: 0.62 L: 0.33
#4bcd31
H: 110 S: 0.61 L: 0.5
#101945
H: 230 S: 0.62 L: 0.17
#314bcd
H: 230 S: 0.61 L: 0.5
#a8c8a1
H: 109 S: 0.26 L: 0.71
#ac5261
H: 350 S: 0.35 L: 0.5
#131e52
H: 230 S: 0.62 L: 0.2
#cf642f
H: 20 S: 0.63 L: 0.5
#63ac52
H: 109 S: 0.35 L: 0.5
#e6a17e
H: 20 S: 0.68 L: 0.7
#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#b78e7a
H: 20 S: 0.3 L: 0.6
#f6dade
H: 351 S: 0.61 L: 0.91
#7b8cdf
H: 230 S: 0.61 L: 0.68
#a25129
H: 20 S: 0.6 L: 0.4
#314bcd
H: 230 S: 0.61 L: 0.5
#229f09
H: 110 S: 0.89 L: 0.33
#e5a8b2
H: 350 S: 0.54 L: 0.78
#7f7f7f
H: 0 S: 0 L: 0.5
#f11c40
H: 350 S: 0.88 L: 0.53
#545454
H: 0 S: 0 L: 0.33
#18410f
H: 109 S: 0.63 L: 0.16
#334ccc
H: 230 S: 0.6 L: 0.5
#2cfc02
H: 110 S: 0.98 L: 0.5
#ac7b83
H: 350 S: 0.23 L: 0.58
#ced4f2
H: 230 S: 0.58 L: 0.88
#cc334c
H: 350 S: 0.6 L: 0.5
#fc022c
H: 350 S: 0.98 L: 0.5
#774a52
H: 349 S: 0.23 L: 0.38
#022cfc
H: 230 S: 0.98 L: 0.5
#3950c5
H: 230 S: 0.55 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#c52f48
H: 350 S: 0.61 L: 0.48
#7f7f7f
H: 0 S: 0 L: 0.5
#cccccc
H: 0 S: 0 L: 0.8
#212121
H: 0 S: 0 L: 0.13
#0f0f0f
H: 0 S: 0 L: 0.06
#7f7f7f
H: 0 S: 0 L: 0.5
#687bd8
H: 230 S: 0.59 L: 0.63
#40f71b
H: 110 S: 0.93 L: 0.54
#aa5462
H: 350 S: 0.34 L: 0.5
#f61c40
H: 350 S: 0.92 L: 0.54
#898989
H: 0 S: 0 L: 0.54
#7bd868
H: 110 S: 0.59 L: 0.63
#bb4910
H: 20 S: 0.84 L: 0.4
#e9c2ae
H: 20 S: 0.57 L: 0.8
#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#203187
H: 230 S: 0.62 L: 0.33
#eaa8b3
H: 350 S: 0.61 L: 0.79
#9ae38c
H: 110 S: 0.61 L: 0.72
#b0baec
H: 230 S: 0.61 L: 0.81
#314bcd
H: 230 S: 0.61 L: 0.5
#73d85e
H: 110 S: 0.61 L: 0.61
#b02a41
H: 350 S: 0.61 L: 0.43
#d85e73
H: 350 S: 0.61 L: 0.61
#7f7f7f
H: 0 S: 0 L: 0.5
#6276d9
H: 230 S: 0.61 L: 0.62
#41b02a
H: 110 S: 0.61 L: 0.43
#d5dbf5
H: 229 S: 0.62 L: 0.9
#276a19
H: 110 S: 0.62 L: 0.26
#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#dd7385
H: 350 S: 0.61 L: 0.66
#246217
H: 110 S: 0.62 L: 0.24
#ccf1c5
H: 110 S: 0.61 L: 0.86
#410f18
H: 349 S: 0.63 L: 0.16
#7b8cdf
H: 230 S: 0.61 L: 0.68
#314bcd
H: 230 S: 0.61 L: 0.5
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd314b
H: 350 S: 0.61 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#def6da
H: 111 S: 0.61 L: 0.91
#ebacb7
H: 350 S: 0.61 L: 0.8
#dd7385
H: 350 S: 0.61 L: 0.66
#276a19
H: 110 S: 0.62 L: 0.26
#1d2d7b
H: 230 S: 0.62 L: 0.3
#314bcd
H: 230 S: 0.61 L: 0.5
#2d7b1d
H: 110 S: 0.62 L: 0.3
#9d6c74
H: 350 S: 0.2 L: 0.52
#4c4c4c
H: 0 S: 0 L: 0.3
#4bcd31
H: 110 S: 0.61 L: 0.5
#cd6531
H: 20 S: 0.61 L: 0.5
#fcf2f4
H: 348 S: 0.63 L: 0.97
#eac1ad
H: 20 S: 0.59 L: 0.8
#1d2c7b
H: 230 S: 0.62 L: 0.3
#1136ed
H: 230 S: 0.87 L: 0.5
#64a856
H: 110 S: 0.32 L: 0.5
#f9052d
H: 350 S: 0.96 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#f4f4f4
H: 0 S: 0 L: 0.96
#757575
H: 0 S: 0 L: 0.46
#878787
H: 0 S: 0 L: 0.53
#020202
H: 0 S: 0 L: 0.01
#4c4c4c
H: 0 S: 0 L: 0.3
#878787
H: 0 S: 0 L: 0.53
#3952cf
H: 230 S: 0.61 L: 0.52
#6cfb50
H: 110 S: 0.96 L: 0.65
#c9304a
H: 350 S: 0.61 L: 0.49
#848484
H: 0 S: 0 L: 0.52
#828282
H: 0 S: 0 L: 0.51
#5b5b5b
H: 0 S: 0 L: 0.36
#545454
H: 0 S: 0 L: 0.33
#c6c6c6
H: 0 S: 0 L: 0.78
#1c1c1c
H: 0 S: 0 L: 0.11
#070707
H: 0 S: 0 L: 0.03
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.