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 4 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

#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#cc8e33
H: 36 S: 0.6 L: 0.5

Variants

#002866
H: 216 S: 1 L: 0.2
#00663d
H: 156 S: 1 L: 0.2
#660028
H: 336 S: 1 L: 0.2
#663d00
H: 36 S: 1 L: 0.2
#0c2b59
H: 216 S: 0.76 L: 0.2
#0c593a
H: 156 S: 0.76 L: 0.2
#590c2b
H: 336 S: 0.76 L: 0.2
#593a0c
H: 36 S: 0.76 L: 0.2
#192d4c
H: 216 S: 0.5 L: 0.2
#194c38
H: 156 S: 0.5 L: 0.2
#4c192d
H: 336 S: 0.5 L: 0.2
#4c3819
H: 36 S: 0.5 L: 0.2
#26303f
H: 216 S: 0.25 L: 0.2
#263f35
H: 156 S: 0.25 L: 0.2
#3f2630
H: 336 S: 0.25 L: 0.2
#3f3526
H: 36 S: 0.25 L: 0.2
#003f9e
H: 216 S: 1 L: 0.31
#009e5e
H: 156 S: 1 L: 0.31
#9e003f
H: 336 S: 1 L: 0.31
#9e5e00
H: 36 S: 1 L: 0.31
#13438a
H: 216 S: 0.76 L: 0.31
#138a5a
H: 156 S: 0.76 L: 0.31
#8a1343
H: 336 S: 0.76 L: 0.31
#8a5a13
H: 36 S: 0.76 L: 0.31
#274776
H: 216 S: 0.5 L: 0.31
#277656
H: 156 S: 0.5 L: 0.31
#762747
H: 336 S: 0.5 L: 0.31
#765627
H: 36 S: 0.5 L: 0.31
#3b4b62
H: 215 S: 0.25 L: 0.31
#3b6253
H: 157 S: 0.25 L: 0.31
#623b4b
H: 335 S: 0.25 L: 0.31
#62533b
H: 37 S: 0.25 L: 0.31
#0055d6
H: 216 S: 1 L: 0.42
#00d680
H: 156 S: 1 L: 0.42
#d60055
H: 336 S: 1 L: 0.42
#d68000
H: 36 S: 1 L: 0.42
#1a5bbb
H: 216 S: 0.76 L: 0.42
#1abb7b
H: 156 S: 0.76 L: 0.42
#bb1a5b
H: 336 S: 0.76 L: 0.42
#bb7b1a
H: 36 S: 0.76 L: 0.42
#3560a0
H: 216 S: 0.5 L: 0.42
#35a075
H: 156 S: 0.5 L: 0.42
#a03560
H: 336 S: 0.5 L: 0.42
#a07535
H: 36 S: 0.5 L: 0.42
#506585
H: 216 S: 0.25 L: 0.42
#508570
H: 156 S: 0.25 L: 0.42
#855065
H: 336 S: 0.25 L: 0.42
#857050
H: 36 S: 0.25 L: 0.42
#0f6fff
H: 216 S: 1 L: 0.53
#0fff9f
H: 156 S: 1 L: 0.53
#ff0f6f
H: 336 S: 1 L: 0.53
#ff9f0f
H: 36 S: 1 L: 0.53
#2d75e1
H: 216 S: 0.75 L: 0.53
#2de199
H: 156 S: 0.75 L: 0.53
#e12d75
H: 336 S: 0.75 L: 0.53
#e1992d
H: 36 S: 0.75 L: 0.53
#4b7bc3
H: 216 S: 0.5 L: 0.53
#4bc393
H: 156 S: 0.5 L: 0.53
#c34b7b
H: 336 S: 0.5 L: 0.53
#c3934b
H: 36 S: 0.5 L: 0.53
#6981a5
H: 216 S: 0.25 L: 0.53
#69a58d
H: 156 S: 0.25 L: 0.53
#a56981
H: 336 S: 0.25 L: 0.53
#a58d69
H: 36 S: 0.25 L: 0.53
#4790ff
H: 216 S: 1 L: 0.64
#47ffb5
H: 156 S: 1 L: 0.64
#ff4790
H: 336 S: 1 L: 0.64
#ffb547
H: 36 S: 1 L: 0.64
#5e95e8
H: 216 S: 0.75 L: 0.64
#5ee8b0
H: 156 S: 0.75 L: 0.64
#e85e95
H: 336 S: 0.75 L: 0.64
#e8b05e
H: 36 S: 0.75 L: 0.64
#759ad1
H: 216 S: 0.5 L: 0.64
#75d1ac
H: 156 S: 0.5 L: 0.64
#d1759a
H: 336 S: 0.5 L: 0.64
#d1ac75
H: 36 S: 0.5 L: 0.64
#8c9eba
H: 217 S: 0.25 L: 0.64
#8cbaa7
H: 155 S: 0.25 L: 0.64
#ba8c9e
H: 337 S: 0.25 L: 0.64
#baa78c
H: 35 S: 0.25 L: 0.64
#7fb2ff
H: 216 S: 1 L: 0.75
#7fffcc
H: 156 S: 1 L: 0.75
#ff7fb2
H: 336 S: 1 L: 0.75
#ffcc7f
H: 36 S: 1 L: 0.75
#8fb5ef
H: 216 S: 0.75 L: 0.75
#8fefc8
H: 156 S: 0.75 L: 0.75
#ef8fb5
H: 336 S: 0.75 L: 0.75
#efc88f
H: 36 S: 0.75 L: 0.75
#9fb8df
H: 217 S: 0.5 L: 0.75
#9fdfc5
H: 156 S: 0.5 L: 0.75
#df9fb8
H: 337 S: 0.5 L: 0.75
#dfc59f
H: 36 S: 0.5 L: 0.75
#afbccf
H: 216 S: 0.25 L: 0.75
#afcfc2
H: 156 S: 0.25 L: 0.75
#cfafbc
H: 336 S: 0.25 L: 0.75
#cfc2af
H: 36 S: 0.25 L: 0.75
#b7d4ff
H: 216 S: 1 L: 0.86
#b7ffe2
H: 156 S: 1 L: 0.86
#ffb7d4
H: 336 S: 1 L: 0.86
#ffe2b7
H: 36 S: 1 L: 0.86
#c0d5f6
H: 217 S: 0.75 L: 0.86
#c0f6e0
H: 156 S: 0.75 L: 0.86
#f6c0d5
H: 337 S: 0.75 L: 0.86
#f6e0c0
H: 36 S: 0.75 L: 0.86
#c9d7ed
H: 217 S: 0.5 L: 0.86
#c9edde
H: 155 S: 0.5 L: 0.86
#edc9d7
H: 337 S: 0.5 L: 0.86
#eddec9
H: 35 S: 0.5 L: 0.86
#d2d9e4
H: 217 S: 0.25 L: 0.86
#d2e4dd
H: 157 S: 0.25 L: 0.86
#e4d2d9
H: 337 S: 0.25 L: 0.86
#e4ddd2
H: 37 S: 0.25 L: 0.86
#eff5ff
H: 218 S: 1 L: 0.97
#effff8
H: 154 S: 1 L: 0.97
#ffeff5
H: 338 S: 1 L: 0.97
#fff8ef
H: 34 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f1fdf8
H: 155 S: 0.75 L: 0.97
#fdf1f6
H: 335 S: 0.75 L: 0.97
#fdf8f1
H: 35 S: 0.75 L: 0.97
#f3f6fb
H: 218 S: 0.5 L: 0.97
#f3fbf8
H: 158 S: 0.5 L: 0.97
#fbf3f6
H: 338 S: 0.5 L: 0.97
#fbf8f3
H: 38 S: 0.5 L: 0.97
#f5f6f9
H: 225 S: 0.25 L: 0.97
#f5f9f7
H: 150 S: 0.25 L: 0.97
#f9f5f6
H: 345 S: 0.25 L: 0.97
#f9f7f5
H: 30 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
#c67905
H: 36 S: 0.95 L: 0.4
#ad741e
H: 36 S: 0.7 L: 0.4
#936f38
H: 36 S: 0.45 L: 0.4
#d9932a
H: 36 S: 0.7 L: 0.51
#ba8d49
H: 36 S: 0.45 L: 0.51
#e1ab5a
H: 36 S: 0.69 L: 0.62
#c9a672
H: 36 S: 0.45 L: 0.62
#eac389
H: 36 S: 0.7 L: 0.73
#d9c09b
H: 36 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.

#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#fee6ef
H: 338 S: 0.92 L: 0.95
#cc8e33
H: 36 S: 0.6 L: 0.5
#394c69
H: 216 S: 0.3 L: 0.32
#22dc92
H: 156 S: 0.73 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#b58a49
H: 36 S: 0.43 L: 0.5
#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#f9f3ea
H: 36 S: 0.56 L: 0.95
#0867f6
H: 216 S: 0.94 L: 0.5
#28a372
H: 156 S: 0.61 L: 0.4
#cc3370
H: 336 S: 0.6 L: 0.5
#bf862f
H: 36 S: 0.61 L: 0.47
#0e68f0
H: 216 S: 0.89 L: 0.5
#57d5a2
H: 156 S: 0.6 L: 0.59
#e9a9c3
H: 336 S: 0.59 L: 0.79
#f0960e
H: 36 S: 0.89 L: 0.5
#3370cc
H: 216 S: 0.6 L: 0.5
#7cdeb7
H: 156 S: 0.6 L: 0.68
#e3357a
H: 336 S: 0.76 L: 0.55
#f7b44e
H: 36 S: 0.91 L: 0.64
#477ed1
H: 216 S: 0.6 L: 0.55
#72aa94
H: 156 S: 0.25 L: 0.56
#843d59
H: 336 S: 0.37 L: 0.38
#fdd394
H: 36 S: 0.96 L: 0.79
#eaf0f9
H: 216 S: 0.56 L: 0.95
#14ea94
H: 156 S: 0.84 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#c08c3e
H: 36 S: 0.51 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#cc8e33
H: 36 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#adc5ea
H: 216 S: 0.59 L: 0.8
#53d4a0
H: 156 S: 0.6 L: 0.58
#da7aa1
H: 336 S: 0.56 L: 0.67
#cc8e33
H: 36 S: 0.6 L: 0.5
#5387d4
H: 216 S: 0.6 L: 0.58
#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#cc8e33
H: 36 S: 0.6 L: 0.5
#cab79a
H: 36 S: 0.31 L: 0.7
#3370cc
H: 216 S: 0.6 L: 0.5
#6cdaae
H: 156 S: 0.6 L: 0.64
#cc3370
H: 336 S: 0.6 L: 0.5
#ceb896
H: 36 S: 0.36 L: 0.7
#f8e6ed
H: 337 S: 0.56 L: 0.94
#7f7f7f
H: 0 S: 0 L: 0.5
#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#cc8e33
H: 36 S: 0.6 L: 0.5
#eaf9f3
H: 156 S: 0.56 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#206ad9
H: 216 S: 0.74 L: 0.49
#5ba386
H: 156 S: 0.28 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#bb8b43
H: 36 S: 0.47 L: 0.5
#20d98f
H: 156 S: 0.74 L: 0.49
#7e581f
H: 36 S: 0.61 L: 0.31
#214a86
H: 216 S: 0.6 L: 0.33
#629c85
H: 156 S: 0.23 L: 0.5
#d12d6f
H: 336 S: 0.65 L: 0.5
#ff9900
H: 36 S: 1 L: 0.5
#545454
H: 0 S: 0 L: 0.33
#e6edf8
H: 217 S: 0.56 L: 0.94
#3370cc
H: 216 S: 0.6 L: 0.5
#21865e
H: 156 S: 0.6 L: 0.33
#cc3370
H: 336 S: 0.6 L: 0.5
#ca9a53
H: 36 S: 0.53 L: 0.56
#545454
H: 0 S: 0 L: 0.33
#86d9b8
H: 156 S: 0.52 L: 0.69
#8e8e8e
H: 0 S: 0 L: 0.56
#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#cc8e33
H: 36 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1d7652
H: 156 S: 0.61 L: 0.29
#749ddc
H: 216 S: 0.6 L: 0.66
#3370cc
H: 216 S: 0.6 L: 0.5
#3fcf95
H: 156 S: 0.6 L: 0.53
#d1b1be
H: 336 S: 0.26 L: 0.76
#cd9137
H: 36 S: 0.6 L: 0.51
#b72d64
H: 336 S: 0.61 L: 0.45
#828282
H: 0 S: 0 L: 0.51
#55152f
H: 336 S: 0.6 L: 0.21
#3370cc
H: 216 S: 0.6 L: 0.5
#55ecaf
H: 156 S: 0.8 L: 0.63
#a45a78
H: 336 S: 0.29 L: 0.5
#c3ad8d
H: 36 S: 0.31 L: 0.66
#559a7e
H: 156 S: 0.29 L: 0.47
#f7efe2
H: 37 S: 0.57 L: 0.93
#0f4089
H: 216 S: 0.8 L: 0.3
#3370cc
H: 216 S: 0.6 L: 0.5
#14ea94
H: 156 S: 0.84 L: 0.5
#cc3370
H: 336 S: 0.6 L: 0.5
#de9a35
H: 36 S: 0.72 L: 0.54
#898989
H: 0 S: 0 L: 0.54
#545454
H: 0 S: 0 L: 0.33
#969696
H: 0 S: 0 L: 0.59
#f9f9f9
H: 0 S: 0 L: 0.98
#3f85ed
H: 216 S: 0.83 L: 0.59
#609e85
H: 156 S: 0.24 L: 0.5
#fb0366
H: 336 S: 0.98 L: 0.5
#e3ceaf
H: 36 S: 0.48 L: 0.79
#d8d8d8
H: 0 S: 0 L: 0.85
#8c8c8c
H: 0 S: 0 L: 0.55
#777777
H: 0 S: 0 L: 0.47
#f7f7f7
H: 0 S: 0 L: 0.97
#3370cc
H: 216 S: 0.6 L: 0.5
#90e3c2
H: 156 S: 0.6 L: 0.73
#f00e68
H: 336 S: 0.89 L: 0.5
#fad59d
H: 36 S: 0.9 L: 0.8
#7f7f7f
H: 0 S: 0 L: 0.5
#303030
H: 0 S: 0 L: 0.19
#bababa
H: 0 S: 0 L: 0.73
#f2f2f2
H: 0 S: 0 L: 0.95
#80a6df
H: 216 S: 0.6 L: 0.69
#18e694
H: 156 S: 0.81 L: 0.5
#e599b7
H: 336 S: 0.59 L: 0.75
#bf8c3f
H: 36 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#dbdbdb
H: 0 S: 0 L: 0.86
#bcbcbc
H: 0 S: 0 L: 0.74
#b2b2b2
H: 0 S: 0 L: 0.7
#4a5c77
H: 216 S: 0.23 L: 0.38
#84e0bb
H: 156 S: 0.6 L: 0.7
#bd889d
H: 336 S: 0.29 L: 0.64
#f2960c
H: 36 S: 0.91 L: 0.5
#8a6d41
H: 36 S: 0.36 L: 0.4
#bfd7fc
H: 216 S: 0.91 L: 0.87
#dea653
H: 36 S: 0.68 L: 0.6
#fad59d
H: 36 S: 0.9 L: 0.8
#0959d1
H: 216 S: 0.92 L: 0.43
#5789d5
H: 216 S: 0.6 L: 0.59
#33cc8e
H: 156 S: 0.6 L: 0.5
#cfa0b2
H: 337 S: 0.33 L: 0.72
#cc8e33
H: 36 S: 0.6 L: 0.5
#e7bd7d
H: 36 S: 0.69 L: 0.7
#1f7e58
H: 156 S: 0.61 L: 0.31
#7f7f7f
H: 0 S: 0 L: 0.5
#d55787
H: 337 S: 0.6 L: 0.59
#f0c5d6
H: 336 S: 0.59 L: 0.86
#286ed6
H: 216 S: 0.69 L: 0.5
#52bb91
H: 156 S: 0.44 L: 0.53
#cc3370
H: 336 S: 0.6 L: 0.5
#cc8e33
H: 36 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3a1625
H: 335 S: 0.45 L: 0.16
#e6d7c0
H: 36 S: 0.43 L: 0.83
#2a6e53
H: 156 S: 0.45 L: 0.3
#843353
H: 336 S: 0.44 L: 0.36
#3370cc
H: 216 S: 0.6 L: 0.5
#33cc8e
H: 156 S: 0.6 L: 0.5
#c13d72
H: 336 S: 0.52 L: 0.5
#9b6c26
H: 36 S: 0.61 L: 0.38
#e99415
H: 36 S: 0.83 L: 0.5
#d8ba8c
H: 36 S: 0.49 L: 0.7
#235093
H: 216 S: 0.62 L: 0.36
#15553b
H: 156 S: 0.6 L: 0.21
#dae5f5
H: 216 S: 0.57 L: 0.91
#eaf0f9
H: 216 S: 0.56 L: 0.95
#33cc8e
H: 156 S: 0.6 L: 0.5
#ed1169
H: 336 S: 0.87 L: 0.5
#b3894b
H: 36 S: 0.41 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3370cc
H: 216 S: 0.6 L: 0.5
#ee9510
H: 36 S: 0.87 L: 0.5
#b34b75
H: 336 S: 0.41 L: 0.5
#2c0b18
H: 336 S: 0.6 L: 0.11
#c4af91
H: 35 S: 0.3 L: 0.67
#166ae8
H: 216 S: 0.83 L: 0.5
#47b78a
H: 156 S: 0.44 L: 0.5
#c13d72
H: 336 S: 0.52 L: 0.5
#ddc5a1
H: 36 S: 0.47 L: 0.75
#2f2412
H: 37 S: 0.45 L: 0.13
#a1b9dd
H: 216 S: 0.47 L: 0.75
#b69e7b
H: 36 S: 0.29 L: 0.6
#e99415
H: 36 S: 0.83 L: 0.5
#15e994
H: 156 S: 0.83 L: 0.5
#ad741e
H: 36 S: 0.7 L: 0.4
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.