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

#75f97c
H: 123 S: 0.92 L: 0.72
#7c75f9
H: 243 S: 0.92 L: 0.72
#f97c75
H: 3 S: 0.92 L: 0.72

Variants

#006605
H: 123 S: 1 L: 0.2
#050066
H: 243 S: 1 L: 0.2
#660500
H: 3 S: 1 L: 0.2
#0c5910
H: 123 S: 0.76 L: 0.2
#100c59
H: 243 S: 0.76 L: 0.2
#59100c
H: 3 S: 0.76 L: 0.2
#194c1c
H: 124 S: 0.5 L: 0.2
#1c194c
H: 244 S: 0.5 L: 0.2
#4c1c19
H: 4 S: 0.5 L: 0.2
#263f27
H: 122 S: 0.25 L: 0.2
#27263f
H: 242 S: 0.25 L: 0.2
#3f2726
H: 2 S: 0.25 L: 0.2
#009e07
H: 123 S: 1 L: 0.31
#07009e
H: 243 S: 1 L: 0.31
#9e0700
H: 3 S: 1 L: 0.31
#138a19
H: 123 S: 0.76 L: 0.31
#19138a
H: 243 S: 0.76 L: 0.31
#8a1913
H: 3 S: 0.76 L: 0.31
#27762b
H: 123 S: 0.5 L: 0.31
#2b2776
H: 243 S: 0.5 L: 0.31
#762b27
H: 3 S: 0.5 L: 0.31
#3b623d
H: 123 S: 0.25 L: 0.31
#3d3b62
H: 243 S: 0.25 L: 0.31
#623d3b
H: 3 S: 0.25 L: 0.31
#00d60a
H: 123 S: 1 L: 0.42
#0a00d6
H: 243 S: 1 L: 0.42
#d60a00
H: 3 S: 1 L: 0.42
#1abb22
H: 123 S: 0.76 L: 0.42
#221abb
H: 243 S: 0.76 L: 0.42
#bb221a
H: 3 S: 0.76 L: 0.42
#35a03a
H: 123 S: 0.5 L: 0.42
#3a35a0
H: 243 S: 0.5 L: 0.42
#a03a35
H: 3 S: 0.5 L: 0.42
#508553
H: 123 S: 0.25 L: 0.42
#535085
H: 243 S: 0.25 L: 0.42
#855350
H: 3 S: 0.25 L: 0.42
#0fff1b
H: 123 S: 1 L: 0.53
#1b0fff
H: 243 S: 1 L: 0.53
#ff1b0f
H: 3 S: 1 L: 0.53
#2de136
H: 123 S: 0.75 L: 0.53
#362de1
H: 243 S: 0.75 L: 0.53
#e1362d
H: 3 S: 0.75 L: 0.53
#4bc351
H: 123 S: 0.5 L: 0.53
#514bc3
H: 243 S: 0.5 L: 0.53
#c3514b
H: 3 S: 0.5 L: 0.53
#69a56c
H: 123 S: 0.25 L: 0.53
#6c69a5
H: 243 S: 0.25 L: 0.53
#a56c69
H: 3 S: 0.25 L: 0.53
#47ff50
H: 123 S: 1 L: 0.64
#5047ff
H: 243 S: 1 L: 0.64
#ff5047
H: 3 S: 1 L: 0.64
#5ee865
H: 123 S: 0.75 L: 0.64
#655ee8
H: 243 S: 0.75 L: 0.64
#e8655e
H: 3 S: 0.75 L: 0.64
#75d179
H: 123 S: 0.5 L: 0.64
#7975d1
H: 243 S: 0.5 L: 0.64
#d17975
H: 3 S: 0.5 L: 0.64
#8cba8e
H: 123 S: 0.25 L: 0.64
#8e8cba
H: 243 S: 0.25 L: 0.64
#ba8e8c
H: 3 S: 0.25 L: 0.64
#7fff85
H: 123 S: 1 L: 0.75
#857fff
H: 243 S: 1 L: 0.75
#ff857f
H: 3 S: 1 L: 0.75
#8fef94
H: 123 S: 0.75 L: 0.75
#948fef
H: 243 S: 0.75 L: 0.75
#ef948f
H: 3 S: 0.75 L: 0.75
#9fdfa2
H: 123 S: 0.5 L: 0.75
#a29fdf
H: 243 S: 0.5 L: 0.75
#dfa29f
H: 3 S: 0.5 L: 0.75
#afcfb0
H: 122 S: 0.25 L: 0.75
#b0afcf
H: 242 S: 0.25 L: 0.75
#cfb0af
H: 2 S: 0.25 L: 0.75
#b7ffbb
H: 123 S: 1 L: 0.86
#bbb7ff
H: 243 S: 1 L: 0.86
#ffbbb7
H: 3 S: 1 L: 0.86
#c0f6c3
H: 123 S: 0.75 L: 0.86
#c3c0f6
H: 243 S: 0.75 L: 0.86
#f6c3c0
H: 3 S: 0.75 L: 0.86
#c9edcb
H: 123 S: 0.5 L: 0.86
#cbc9ed
H: 243 S: 0.5 L: 0.86
#edcbc9
H: 3 S: 0.5 L: 0.86
#d2e4d3
H: 123 S: 0.25 L: 0.86
#d3d2e4
H: 243 S: 0.25 L: 0.86
#e4d3d2
H: 3 S: 0.25 L: 0.86
#effff0
H: 124 S: 1 L: 0.97
#f0efff
H: 244 S: 1 L: 0.97
#fff0ef
H: 4 S: 1 L: 0.97
#f1fdf2
H: 125 S: 0.75 L: 0.97
#f2f1fd
H: 245 S: 0.75 L: 0.97
#fdf2f1
H: 5 S: 0.75 L: 0.97
#f3fbf3
H: 120 S: 0.5 L: 0.97
#f3f3fb
H: 240 S: 0.5 L: 0.97
#fbf3f3
H: 0 S: 0.5 L: 0.97
#f5f9f5
H: 120 S: 0.25 L: 0.97
#f5f5f9
H: 240 S: 0.25 L: 0.97
#f9f5f5
H: 0 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.

#75f97c
H: 123 S: 0.92 L: 0.72
#7c75f9
H: 243 S: 0.92 L: 0.72
#f97c75
H: 3 S: 0.92 L: 0.72
#a4caa6
H: 123 S: 0.26 L: 0.72
#7c75f9
H: 243 S: 0.92 L: 0.72
#e76f69
H: 3 S: 0.72 L: 0.66
#417643
H: 122 S: 0.29 L: 0.36
#5753a1
H: 243 S: 0.32 L: 0.48
#cea3a0
H: 4 S: 0.32 L: 0.72
#5df865
H: 123 S: 0.92 L: 0.67
#817af9
H: 243 S: 0.91 L: 0.73
#f97c75
H: 3 S: 0.92 L: 0.72
#aaaaaa
H: 0 S: 0 L: 0.67
#75f97c
H: 123 S: 0.92 L: 0.72
#7c75f9
H: 243 S: 0.92 L: 0.72
#f97c75
H: 3 S: 0.92 L: 0.72
#b7b7b7
H: 0 S: 0 L: 0.72
#18f523
H: 123 S: 0.92 L: 0.53
#736cf8
H: 243 S: 0.91 L: 0.7
#e03b32
H: 3 S: 0.74 L: 0.54
#2019a8
H: 243 S: 0.74 L: 0.38
#94da98
H: 123 S: 0.49 L: 0.72
#1107be
H: 243 S: 0.93 L: 0.39