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

#337acc
H: 212 S: 0.6 L: 0.5
#7acc33
H: 92 S: 0.6 L: 0.5
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5

Variants

#002f66
H: 212 S: 1 L: 0.2
#2f6600
H: 92 S: 1 L: 0.2
#360066
H: 272 S: 1 L: 0.2
#626600
H: 62 S: 1 L: 0.2
#663600
H: 32 S: 1 L: 0.2
#0c3059
H: 212 S: 0.76 L: 0.2
#30590c
H: 92 S: 0.76 L: 0.2
#350c59
H: 272 S: 0.76 L: 0.2
#56590c
H: 62 S: 0.76 L: 0.2
#59350c
H: 32 S: 0.76 L: 0.2
#19314c
H: 212 S: 0.5 L: 0.2
#314c19
H: 92 S: 0.5 L: 0.2
#34194c
H: 272 S: 0.5 L: 0.2
#4a4c19
H: 62 S: 0.5 L: 0.2
#4c3419
H: 32 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#323f26
H: 91 S: 0.25 L: 0.2
#33263f
H: 271 S: 0.25 L: 0.2
#3e3f26
H: 62 S: 0.25 L: 0.2
#3f3326
H: 31 S: 0.25 L: 0.2
#00499e
H: 212 S: 1 L: 0.31
#499e00
H: 92 S: 1 L: 0.31
#54009e
H: 272 S: 1 L: 0.31
#989e00
H: 62 S: 1 L: 0.31
#9e5400
H: 32 S: 1 L: 0.31
#134b8a
H: 212 S: 0.76 L: 0.31
#4b8a13
H: 92 S: 0.76 L: 0.31
#53138a
H: 272 S: 0.76 L: 0.31
#868a13
H: 62 S: 0.76 L: 0.31
#8a5313
H: 32 S: 0.76 L: 0.31
#274c76
H: 212 S: 0.5 L: 0.31
#4c7627
H: 92 S: 0.5 L: 0.31
#512776
H: 272 S: 0.5 L: 0.31
#737627
H: 62 S: 0.5 L: 0.31
#765127
H: 32 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#4d623b
H: 92 S: 0.25 L: 0.31
#503b62
H: 272 S: 0.25 L: 0.31
#61623b
H: 62 S: 0.25 L: 0.31
#62503b
H: 32 S: 0.25 L: 0.31
#0063d6
H: 212 S: 1 L: 0.42
#63d600
H: 92 S: 1 L: 0.42
#7200d6
H: 272 S: 1 L: 0.42
#cfd600
H: 62 S: 1 L: 0.42
#d67200
H: 32 S: 1 L: 0.42
#1a65bb
H: 212 S: 0.76 L: 0.42
#65bb1a
H: 92 S: 0.76 L: 0.42
#701abb
H: 272 S: 0.76 L: 0.42
#b6bb1a
H: 62 S: 0.76 L: 0.42
#bb701a
H: 32 S: 0.76 L: 0.42
#3567a0
H: 212 S: 0.5 L: 0.42
#67a035
H: 92 S: 0.5 L: 0.42
#6e35a0
H: 272 S: 0.5 L: 0.42
#9da035
H: 62 S: 0.5 L: 0.42
#a06e35
H: 32 S: 0.5 L: 0.42
#506985
H: 212 S: 0.25 L: 0.42
#698550
H: 92 S: 0.25 L: 0.42
#6c5085
H: 272 S: 0.25 L: 0.42
#848550
H: 61 S: 0.25 L: 0.42
#856c50
H: 32 S: 0.25 L: 0.42
#0f7fff
H: 212 S: 1 L: 0.53
#7fff0f
H: 92 S: 1 L: 0.53
#8f0fff
H: 272 S: 1 L: 0.53
#f7ff0f
H: 62 S: 1 L: 0.53
#ff8f0f
H: 32 S: 1 L: 0.53
#2d81e1
H: 212 S: 0.75 L: 0.53
#81e12d
H: 92 S: 0.75 L: 0.53
#8d2de1
H: 272 S: 0.75 L: 0.53
#dbe12d
H: 62 S: 0.75 L: 0.53
#e18d2d
H: 32 S: 0.75 L: 0.53
#4b83c3
H: 212 S: 0.5 L: 0.53
#83c34b
H: 92 S: 0.5 L: 0.53
#8b4bc3
H: 272 S: 0.5 L: 0.53
#bfc34b
H: 62 S: 0.5 L: 0.53
#c38b4b
H: 32 S: 0.5 L: 0.53
#6985a5
H: 212 S: 0.25 L: 0.53
#85a569
H: 92 S: 0.25 L: 0.53
#8969a5
H: 272 S: 0.25 L: 0.53
#a3a569
H: 62 S: 0.25 L: 0.53
#a58969
H: 32 S: 0.25 L: 0.53
#479dff
H: 212 S: 1 L: 0.64
#9dff47
H: 92 S: 1 L: 0.64
#a947ff
H: 272 S: 1 L: 0.64
#f8ff47
H: 62 S: 1 L: 0.64
#ffa947
H: 32 S: 1 L: 0.64
#5e9ee8
H: 212 S: 0.75 L: 0.64
#9ee85e
H: 92 S: 0.75 L: 0.64
#a75ee8
H: 272 S: 0.75 L: 0.64
#e3e85e
H: 62 S: 0.75 L: 0.64
#e8a75e
H: 32 S: 0.75 L: 0.64
#75a0d1
H: 212 S: 0.5 L: 0.64
#a0d175
H: 92 S: 0.5 L: 0.64
#a675d1
H: 272 S: 0.5 L: 0.64
#ced175
H: 62 S: 0.5 L: 0.64
#d1a675
H: 32 S: 0.5 L: 0.64
#8ca1ba
H: 213 S: 0.25 L: 0.64
#a1ba8c
H: 93 S: 0.25 L: 0.64
#a48cba
H: 271 S: 0.25 L: 0.64
#b8ba8c
H: 63 S: 0.25 L: 0.64
#baa48c
H: 31 S: 0.25 L: 0.64
#7fbbff
H: 212 S: 1 L: 0.75
#bbff7f
H: 92 S: 1 L: 0.75
#c37fff
H: 272 S: 1 L: 0.75
#faff7f
H: 62 S: 1 L: 0.75
#ffc37f
H: 32 S: 1 L: 0.75
#8fbcef
H: 212 S: 0.75 L: 0.75
#bcef8f
H: 92 S: 0.75 L: 0.75
#c28fef
H: 272 S: 0.75 L: 0.75
#ebef8f
H: 63 S: 0.75 L: 0.75
#efc28f
H: 32 S: 0.75 L: 0.75
#9fbddf
H: 212 S: 0.5 L: 0.75
#bddf9f
H: 92 S: 0.5 L: 0.75
#c19fdf
H: 272 S: 0.5 L: 0.75
#dddf9f
H: 62 S: 0.5 L: 0.75
#dfc19f
H: 32 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#becfaf
H: 92 S: 0.25 L: 0.75
#c0afcf
H: 272 S: 0.25 L: 0.75
#cecfaf
H: 62 S: 0.25 L: 0.75
#cfc0af
H: 32 S: 0.25 L: 0.75
#b7d8ff
H: 213 S: 1 L: 0.86
#d8ffb7
H: 93 S: 1 L: 0.86
#ddb7ff
H: 272 S: 1 L: 0.86
#fcffb7
H: 63 S: 1 L: 0.86
#ffddb7
H: 32 S: 1 L: 0.86
#c0d9f6
H: 212 S: 0.75 L: 0.86
#d9f6c0
H: 92 S: 0.75 L: 0.86
#ddc0f6
H: 272 S: 0.75 L: 0.86
#f4f6c0
H: 62 S: 0.75 L: 0.86
#f6ddc0
H: 32 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#daedc9
H: 92 S: 0.5 L: 0.86
#dcc9ed
H: 272 S: 0.5 L: 0.86
#ebedc9
H: 63 S: 0.5 L: 0.86
#eddcc9
H: 32 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#dae4d2
H: 93 S: 0.25 L: 0.86
#dbd2e4
H: 270 S: 0.25 L: 0.86
#e3e4d2
H: 63 S: 0.25 L: 0.86
#e4dbd2
H: 30 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#f6ffef
H: 94 S: 1 L: 0.97
#f7efff
H: 270 S: 1 L: 0.97
#feffef
H: 64 S: 1 L: 0.97
#fff7ef
H: 30 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f6fdf1
H: 95 S: 0.75 L: 0.97
#f7f1fd
H: 270 S: 0.75 L: 0.97
#fcfdf1
H: 65 S: 0.75 L: 0.97
#fdf7f1
H: 30 S: 0.75 L: 0.97
#f3f7fb
H: 210 S: 0.5 L: 0.97
#f7fbf3
H: 90 S: 0.5 L: 0.97
#f7f3fb
H: 270 S: 0.5 L: 0.97
#fafbf3
H: 68 S: 0.5 L: 0.97
#fbf7f3
H: 30 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f7f9f5
H: 90 S: 0.25 L: 0.97
#f7f5f9
H: 270 S: 0.25 L: 0.97
#f9f9f5
H: 60 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
#c66c05
H: 32 S: 0.95 L: 0.4
#ad6a1e
H: 32 S: 0.7 L: 0.4
#936938
H: 32 S: 0.45 L: 0.4
#d9872a
H: 32 S: 0.7 L: 0.51
#ba8549
H: 32 S: 0.45 L: 0.51
#e1a25a
H: 32 S: 0.69 L: 0.62
#c9a172
H: 32 S: 0.45 L: 0.62
#eabd89
H: 32 S: 0.7 L: 0.73
#d9bc9b
H: 32 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.

#265d9b
H: 212 S: 0.61 L: 0.38
#7acc33
H: 92 S: 0.6 L: 0.5
#622596
H: 272 S: 0.6 L: 0.37
#f8fb87
H: 62 S: 0.94 L: 0.76
#cc8433
H: 32 S: 0.6 L: 0.5
#337acc
H: 212 S: 0.6 L: 0.5
#7bb747
H: 92 S: 0.44 L: 0.5
#9e45ec
H: 272 S: 0.81 L: 0.6
#c6cc33
H: 62 S: 0.6 L: 0.5
#ed8611
H: 32 S: 0.87 L: 0.5
#336eb1
H: 212 S: 0.55 L: 0.45
#7acc33
H: 92 S: 0.6 L: 0.5
#913fd9
H: 272 S: 0.67 L: 0.55
#a5a75c
H: 62 S: 0.3 L: 0.51
#cc8433
H: 32 S: 0.6 L: 0.5
#337acc
H: 212 S: 0.6 L: 0.5
#7acc33
H: 92 S: 0.6 L: 0.5
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5
#1178ed
H: 212 S: 0.87 L: 0.5
#7acc33
H: 92 S: 0.6 L: 0.5
#842fcf
H: 272 S: 0.63 L: 0.5
#d4d76e
H: 62 S: 0.57 L: 0.64
#8e5a1f
H: 32 S: 0.64 L: 0.34
#337acc
H: 212 S: 0.6 L: 0.5
#bdd4aa
H: 93 S: 0.33 L: 0.75
#5601a1
H: 272 S: 0.99 L: 0.32
#a9ab5d
H: 62 S: 0.32 L: 0.52
#cc8433
H: 32 S: 0.6 L: 0.5
#70a2db
H: 212 S: 0.6 L: 0.65
#7acc33
H: 92 S: 0.6 L: 0.5
#c58ff4
H: 272 S: 0.82 L: 0.76
#a9ac52
H: 62 S: 0.35 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5
#1e497a
H: 212 S: 0.61 L: 0.3
#6bb32c
H: 92 S: 0.61 L: 0.44
#815ba3
H: 272 S: 0.28 L: 0.5
#dedfb8
H: 62 S: 0.38 L: 0.8
#cc8433
H: 32 S: 0.6 L: 0.5
#337acc
H: 212 S: 0.6 L: 0.5
#f1f9ea
H: 92 S: 0.56 L: 0.95
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#f78707
H: 32 S: 0.94 L: 0.5
#507cae
H: 212 S: 0.37 L: 0.5
#f1f9ea
H: 92 S: 0.56 L: 0.95
#8614ea
H: 272 S: 0.84 L: 0.5
#999b63
H: 62 S: 0.22 L: 0.5
#e58619
H: 32 S: 0.8 L: 0.5
#a1c2e7
H: 212 S: 0.59 L: 0.77
#7acc33
H: 92 S: 0.6 L: 0.5
#6f2aab
H: 272 S: 0.61 L: 0.42
#9ea05e
H: 62 S: 0.26 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5
#337acc
H: 212 S: 0.6 L: 0.5
#94d65b
H: 92 S: 0.6 L: 0.6
#8a4ebf
H: 272 S: 0.47 L: 0.53
#7f8145
H: 62 S: 0.3 L: 0.39
#b99872
H: 32 S: 0.34 L: 0.59
#f6f0e8
H: 34 S: 0.44 L: 0.94
#9eb5d0
H: 212 S: 0.35 L: 0.72
#7acc33
H: 92 S: 0.6 L: 0.5
#8430ce
H: 272 S: 0.62 L: 0.5
#ecf40a
H: 62 S: 0.92 L: 0.5
#e2ae73
H: 32 S: 0.66 L: 0.67
#7f7f7f
H: 0 S: 0 L: 0.5
#337acc
H: 212 S: 0.6 L: 0.5
#7ac43a
H: 92 S: 0.54 L: 0.5
#870af4
H: 272 S: 0.92 L: 0.5
#dfe618
H: 62 S: 0.81 L: 0.5
#9f6e36
H: 32 S: 0.49 L: 0.42
#7f7f7f
H: 0 S: 0 L: 0.5
#337acc
H: 212 S: 0.6 L: 0.5
#7acc33
H: 92 S: 0.6 L: 0.5
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5
#b69a7b
H: 32 S: 0.29 L: 0.6
#627d9c
H: 212 S: 0.23 L: 0.5
#b3f17d
H: 92 S: 0.81 L: 0.72
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#c16700
H: 32 S: 1 L: 0.38
#b7b7b7
H: 0 S: 0 L: 0.72
#303030
H: 0 S: 0 L: 0.19
#0f78ef
H: 212 S: 0.88 L: 0.5
#77fc02
H: 92 S: 0.98 L: 0.5
#8618e6
H: 272 S: 0.81 L: 0.5
#e2e57a
H: 62 S: 0.67 L: 0.69
#ca8434
H: 32 S: 0.59 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#442d11
H: 33 S: 0.6 L: 0.17
#337acc
H: 212 S: 0.6 L: 0.5
#6ca03f
H: 92 S: 0.43 L: 0.44
#5c238e
H: 272 S: 0.6 L: 0.35
#c6cc33
H: 62 S: 0.6 L: 0.5
#e78f2b
H: 32 S: 0.8 L: 0.54
#83e72b
H: 92 S: 0.8 L: 0.54
#ca9c67
H: 32 S: 0.48 L: 0.6
#8dbef5
H: 212 S: 0.84 L: 0.76
#7d9e60
H: 92 S: 0.24 L: 0.5
#6d18b9
H: 272 S: 0.77 L: 0.41
#e8ef0f
H: 62 S: 0.88 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5
#dfb380
H: 32 S: 0.6 L: 0.69
#337acc
H: 212 S: 0.6 L: 0.5
#0879fb
H: 212 S: 0.97 L: 0.51
#7acc33
H: 92 S: 0.6 L: 0.5
#893bce
H: 272 S: 0.6 L: 0.52
#ecf249
H: 62 S: 0.87 L: 0.62
#c9ac8c
H: 31 S: 0.36 L: 0.67
#ac8cc9
H: 271 S: 0.36 L: 0.67
#946937
H: 32 S: 0.46 L: 0.4
#f3ede6
H: 32 S: 0.35 L: 0.93
#1d78e1
H: 212 S: 0.77 L: 0.5
#acdf80
H: 92 S: 0.6 L: 0.69
#a490b5
H: 272 S: 0.2 L: 0.64
#b3b747
H: 62 S: 0.44 L: 0.5
#dc8522
H: 32 S: 0.73 L: 0.5
#e2cdb5
H: 32 S: 0.44 L: 0.8
#609ee6
H: 212 S: 0.73 L: 0.64
#88895b
H: 61 S: 0.2 L: 0.45
#9dbfe6
H: 212 S: 0.59 L: 0.76
#69af2b
H: 92 S: 0.61 L: 0.43
#815ba3
H: 272 S: 0.28 L: 0.5
#9ea05e
H: 62 S: 0.26 L: 0.5
#df851f
H: 32 S: 0.76 L: 0.5
#e2b582
H: 32 S: 0.62 L: 0.7
#bce698
H: 92 S: 0.61 L: 0.75
#2a69b0
H: 212 S: 0.61 L: 0.43
#337acc
H: 212 S: 0.6 L: 0.5
#7acc33
H: 92 S: 0.6 L: 0.5
#8433cc
H: 272 S: 0.6 L: 0.5
#f4f790
H: 62 S: 0.87 L: 0.77
#a36a28
H: 32 S: 0.61 L: 0.4
#c89c69
H: 32 S: 0.46 L: 0.6
#d9ccbe
H: 31 S: 0.26 L: 0.8
#6e471b
H: 32 S: 0.61 L: 0.27
#337acc
H: 212 S: 0.6 L: 0.5
#7acc33
H: 92 S: 0.6 L: 0.5
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5
#f2f2f2
H: 0 S: 0 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#a0a0a0
H: 0 S: 0 L: 0.63
#eef4fa
H: 210 S: 0.55 L: 0.96
#1c78e2
H: 212 S: 0.78 L: 0.5
#5f9f27
H: 92 S: 0.61 L: 0.39
#8433cc
H: 272 S: 0.6 L: 0.5
#e6e8a5
H: 62 S: 0.59 L: 0.78
#d68528
H: 32 S: 0.69 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#565656
H: 0 S: 0 L: 0.34
#d8d8d8
H: 0 S: 0 L: 0.85
#cecece
H: 0 S: 0 L: 0.81
#1d74d7
H: 212 S: 0.76 L: 0.48
#7caf4f
H: 92 S: 0.38 L: 0.5
#8251ad
H: 272 S: 0.36 L: 0.5
#f4fc02
H: 62 S: 0.98 L: 0.5
#e98615
H: 32 S: 0.83 L: 0.5
#d0d29c
H: 62 S: 0.38 L: 0.72
#8615e9
H: 272 S: 0.83 L: 0.5
#6aa6ea
H: 212 S: 0.75 L: 0.67
#78e915
H: 92 S: 0.83 L: 0.5
#639ad8
H: 212 S: 0.6 L: 0.62
#7acc33
H: 92 S: 0.6 L: 0.5
#870ef0
H: 272 S: 0.89 L: 0.5
#ecef8e
H: 62 S: 0.75 L: 0.75
#d3954f
H: 32 S: 0.6 L: 0.57
#9e9e9e
H: 0 S: 0 L: 0.62
#4c4c4c
H: 0 S: 0 L: 0.3
#848484
H: 0 S: 0 L: 0.52
#828282
H: 0 S: 0 L: 0.51
#337acc
H: 212 S: 0.6 L: 0.5
#7acc33
H: 92 S: 0.6 L: 0.5
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#cc8433
H: 32 S: 0.6 L: 0.5
#e1b583
H: 32 S: 0.61 L: 0.7
#7f7f7f
H: 0 S: 0 L: 0.5
#1f4b7e
H: 212 S: 0.61 L: 0.31
#2c4912
H: 92 S: 0.6 L: 0.18
#d0b1eb
H: 272 S: 0.59 L: 0.81
#2b69af
H: 212 S: 0.61 L: 0.43
#78ed11
H: 92 S: 0.87 L: 0.5
#8433cc
H: 272 S: 0.6 L: 0.5
#c6cc33
H: 62 S: 0.6 L: 0.5
#e7aa63
H: 32 S: 0.73 L: 0.65
#7f7f7f
H: 0 S: 0 L: 0.5
#b0722a
H: 32 S: 0.61 L: 0.43
#aef56f
H: 92 S: 0.87 L: 0.7
#ac69e7
H: 272 S: 0.72 L: 0.66
#69b02a
H: 92 S: 0.61 L: 0.43
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.