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

#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5

Variants

#002f66
H: 212 S: 1 L: 0.2
#2f6600
H: 92 S: 1 L: 0.2
#66002f
H: 332 S: 1 L: 0.2
#0c3059
H: 212 S: 0.76 L: 0.2
#30590c
H: 92 S: 0.76 L: 0.2
#590c30
H: 332 S: 0.76 L: 0.2
#19314c
H: 212 S: 0.5 L: 0.2
#314c19
H: 92 S: 0.5 L: 0.2
#4c1931
H: 332 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#323f26
H: 91 S: 0.25 L: 0.2
#3f2632
H: 331 S: 0.25 L: 0.2
#00499e
H: 212 S: 1 L: 0.31
#499e00
H: 92 S: 1 L: 0.31
#9e0049
H: 332 S: 1 L: 0.31
#134b8a
H: 212 S: 0.76 L: 0.31
#4b8a13
H: 92 S: 0.76 L: 0.31
#8a134b
H: 332 S: 0.76 L: 0.31
#274c76
H: 212 S: 0.5 L: 0.31
#4c7627
H: 92 S: 0.5 L: 0.31
#76274c
H: 332 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
#0063d6
H: 212 S: 1 L: 0.42
#63d600
H: 92 S: 1 L: 0.42
#d60063
H: 332 S: 1 L: 0.42
#1a65bb
H: 212 S: 0.76 L: 0.42
#65bb1a
H: 92 S: 0.76 L: 0.42
#bb1a65
H: 332 S: 0.76 L: 0.42
#3567a0
H: 212 S: 0.5 L: 0.42
#67a035
H: 92 S: 0.5 L: 0.42
#a03567
H: 332 S: 0.5 L: 0.42
#506985
H: 212 S: 0.25 L: 0.42
#698550
H: 92 S: 0.25 L: 0.42
#855069
H: 332 S: 0.25 L: 0.42
#0f7fff
H: 212 S: 1 L: 0.53
#7fff0f
H: 92 S: 1 L: 0.53
#ff0f7f
H: 332 S: 1 L: 0.53
#2d81e1
H: 212 S: 0.75 L: 0.53
#81e12d
H: 92 S: 0.75 L: 0.53
#e12d81
H: 332 S: 0.75 L: 0.53
#4b83c3
H: 212 S: 0.5 L: 0.53
#83c34b
H: 92 S: 0.5 L: 0.53
#c34b83
H: 332 S: 0.5 L: 0.53
#6985a5
H: 212 S: 0.25 L: 0.53
#85a569
H: 92 S: 0.25 L: 0.53
#a56985
H: 332 S: 0.25 L: 0.53
#479dff
H: 212 S: 1 L: 0.64
#9dff47
H: 92 S: 1 L: 0.64
#ff479d
H: 332 S: 1 L: 0.64
#5e9ee8
H: 212 S: 0.75 L: 0.64
#9ee85e
H: 92 S: 0.75 L: 0.64
#e85e9e
H: 332 S: 0.75 L: 0.64
#75a0d1
H: 212 S: 0.5 L: 0.64
#a0d175
H: 92 S: 0.5 L: 0.64
#d175a0
H: 332 S: 0.5 L: 0.64
#8ca1ba
H: 213 S: 0.25 L: 0.64
#a1ba8c
H: 93 S: 0.25 L: 0.64
#ba8ca1
H: 333 S: 0.25 L: 0.64
#7fbbff
H: 212 S: 1 L: 0.75
#bbff7f
H: 92 S: 1 L: 0.75
#ff7fbb
H: 332 S: 1 L: 0.75
#8fbcef
H: 212 S: 0.75 L: 0.75
#bcef8f
H: 92 S: 0.75 L: 0.75
#ef8fbc
H: 332 S: 0.75 L: 0.75
#9fbddf
H: 212 S: 0.5 L: 0.75
#bddf9f
H: 92 S: 0.5 L: 0.75
#df9fbd
H: 332 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#becfaf
H: 92 S: 0.25 L: 0.75
#cfafbe
H: 332 S: 0.25 L: 0.75
#b7d8ff
H: 213 S: 1 L: 0.86
#d8ffb7
H: 93 S: 1 L: 0.86
#ffb7d8
H: 333 S: 1 L: 0.86
#c0d9f6
H: 212 S: 0.75 L: 0.86
#d9f6c0
H: 92 S: 0.75 L: 0.86
#f6c0d9
H: 332 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#daedc9
H: 92 S: 0.5 L: 0.86
#edc9da
H: 332 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
#f3f7fb
H: 210 S: 0.5 L: 0.97
#f7fbf3
H: 90 S: 0.5 L: 0.97
#fbf3f7
H: 330 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
#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.

#597ca5
H: 212 S: 0.3 L: 0.5
#538e1f
H: 92 S: 0.64 L: 0.34
#f9157f
H: 332 S: 0.95 L: 0.53
#397ac5
H: 212 S: 0.55 L: 0.5
#7ace30
H: 92 S: 0.62 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#397ac5
H: 212 S: 0.55 L: 0.5
#4ca300
H: 92 S: 1 L: 0.32
#813156
H: 332 S: 0.45 L: 0.35
#7ac539
H: 92 S: 0.55 L: 0.5
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#f2f2f2
H: 0 S: 0 L: 0.95
#0677f8
H: 212 S: 0.95 L: 0.5
#f1fee6
H: 93 S: 0.92 L: 0.95
#f80677
H: 332 S: 0.95 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#ecf1f7
H: 213 S: 0.41 L: 0.95
#77f806
H: 92 S: 0.95 L: 0.5
#fb0377
H: 332 S: 0.98 L: 0.5
#a4815a
H: 32 S: 0.29 L: 0.5
#4b7ab3
H: 213 S: 0.41 L: 0.5
#0677f8
H: 212 S: 0.95 L: 0.5
#79d32b
H: 92 S: 0.66 L: 0.5
#fee6f1
H: 333 S: 0.92 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#ba8344
H: 32 S: 0.46 L: 0.5
#507cae
H: 212 S: 0.37 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#fa479a
H: 332 S: 0.95 L: 0.63
#a0a0a0
H: 0 S: 0 L: 0.63
#5b5b5b
H: 0 S: 0 L: 0.36
#607d9e
H: 212 S: 0.24 L: 0.5
#7acf2f
H: 92 S: 0.63 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#d2852c
H: 32 S: 0.65 L: 0.5
#0677f8
H: 212 S: 0.95 L: 0.5
#0570e9
H: 212 S: 0.96 L: 0.47
#5abc04
H: 92 S: 0.96 L: 0.38
#fb64aa
H: 332 S: 0.95 L: 0.69
#afafaf
H: 0 S: 0 L: 0.69
#777777
H: 0 S: 0 L: 0.47
#e8e8e8
H: 0 S: 0 L: 0.91
#1678e8
H: 212 S: 0.83 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#9f5f7d
H: 332 S: 0.25 L: 0.5
#e91578
H: 332 S: 0.83 L: 0.5
#dd8521
H: 32 S: 0.74 L: 0.5
#d09c61
H: 32 S: 0.54 L: 0.6
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#540228
H: 332 S: 0.95 L: 0.17
#ee8610
H: 32 S: 0.87 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#446387
H: 212 S: 0.33 L: 0.4
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#874463
H: 332 S: 0.33 L: 0.4
#d2e1c5
H: 92 S: 0.32 L: 0.83
#638744
H: 92 S: 0.33 L: 0.4
#ebf1f8
H: 212 S: 0.48 L: 0.95
#76ff00
H: 92 S: 1 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#cf842f
H: 32 S: 0.63 L: 0.5
#0077ff
H: 212 S: 1 L: 0.5
#427bbc
H: 212 S: 0.48 L: 0.5
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#4f0226
H: 332 S: 0.95 L: 0.16
#264f02
H: 92 S: 0.95 L: 0.16
#d69d5b
H: 32 S: 0.6 L: 0.6
#c06c0b
H: 32 S: 0.89 L: 0.4
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#0a0a0a
H: 0 S: 0 L: 0.04
#6d6d6d
H: 0 S: 0 L: 0.43
#636363
H: 0 S: 0 L: 0.39
#3c8eeb
H: 212 S: 0.81 L: 0.58
#77fc02
H: 92 S: 0.98 L: 0.5
#fc96c6
H: 332 S: 0.94 L: 0.79
#c9c9c9
H: 0 S: 0 L: 0.79
#939393
H: 0 S: 0 L: 0.58
#707070
H: 0 S: 0 L: 0.44
#111111
H: 0 S: 0 L: 0.07
#50a0fa
H: 212 S: 0.94 L: 0.65
#c3fc91
H: 92 S: 0.95 L: 0.78
#d8abc0
H: 332 S: 0.37 L: 0.76
#f1fee6
H: 93 S: 0.92 L: 0.95
#4ea404
H: 92 S: 0.95 L: 0.33
#7af80b
H: 92 S: 0.94 L: 0.51
#ae6a1d
H: 32 S: 0.71 L: 0.4
#91c3fc
H: 212 S: 0.95 L: 0.78
#034795
H: 212 S: 0.96 L: 0.3
#c8dcb6
H: 92 S: 0.35 L: 0.79
#ea4c96
H: 332 S: 0.79 L: 0.61
#db8523
H: 32 S: 0.72 L: 0.5
#479503
H: 92 S: 0.96 L: 0.3
#e7b67d
H: 32 S: 0.69 L: 0.7
#012145
H: 212 S: 0.97 L: 0.14
#7db8fc
H: 212 S: 0.95 L: 0.74
#5e84af
H: 212 S: 0.34 L: 0.53
#75f306
H: 92 S: 0.95 L: 0.49
#f80677
H: 332 S: 0.95 L: 0.5
#9d692e
H: 32 S: 0.55 L: 0.4
#af5e84
H: 332 S: 0.34 L: 0.53
#338ff9
H: 212 S: 0.94 L: 0.59
#e69e4b
H: 32 S: 0.76 L: 0.6
#f78707
H: 32 S: 0.94 L: 0.5
#31649f
H: 212 S: 0.53 L: 0.41
#7acf2f
H: 92 S: 0.63 L: 0.5
#cca8b8
H: 333 S: 0.26 L: 0.73
#686868
H: 0 S: 0 L: 0.41
#b7b7b7
H: 0 S: 0 L: 0.72
#adadad
H: 0 S: 0 L: 0.68
#020202
H: 0 S: 0 L: 0.01
#e5e5e5
H: 0 S: 0 L: 0.9
#357ac9
H: 212 S: 0.58 L: 0.5
#4a9a03
H: 92 S: 0.96 L: 0.31
#fb7db8
H: 332 S: 0.94 L: 0.74
#bcbcbc
H: 0 S: 0 L: 0.74
#315015
H: 92 S: 0.58 L: 0.2
#7eb8fb
H: 212 S: 0.94 L: 0.74
#033e80
H: 212 S: 0.95 L: 0.26
#7f7f7f
H: 0 S: 0 L: 0.5
#d49c5d
H: 32 S: 0.58 L: 0.6
#0877f6
H: 212 S: 0.94 L: 0.5
#b3fb73
H: 92 S: 0.94 L: 0.72
#d5aec0
H: 332 S: 0.32 L: 0.76
#bb055a
H: 332 S: 0.95 L: 0.38
#ec9e45
H: 32 S: 0.81 L: 0.6
#74b3fa
H: 212 S: 0.93 L: 0.72
#bb7b99
H: 332 S: 0.32 L: 0.61
#58b705
H: 92 S: 0.95 L: 0.37
#f71b82
H: 332 S: 0.93 L: 0.54
#0777f7
H: 212 S: 0.94 L: 0.5
#c4f19c
H: 92 S: 0.75 L: 0.78
#f40a77
H: 332 S: 0.92 L: 0.5
#ca9c67
H: 32 S: 0.48 L: 0.6
#fdd7e9
H: 332 S: 0.9 L: 0.92
#f09cc4
H: 331 S: 0.74 L: 0.78
#77f40a
H: 92 S: 0.92 L: 0.5
#80674b
H: 32 S: 0.26 L: 0.4
#d88526
H: 32 S: 0.7 L: 0.5
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#ea1478
H: 332 S: 0.84 L: 0.5
#886843
H: 32 S: 0.34 L: 0.4
#dd9d54
H: 32 S: 0.67 L: 0.6
#e6cdb1
H: 32 S: 0.51 L: 0.8
#0451a9
H: 212 S: 0.95 L: 0.34
#96c6fc
H: 212 S: 0.94 L: 0.79
#4b9dfa
H: 212 S: 0.95 L: 0.64
#0677f8
H: 212 S: 0.95 L: 0.5
#b8fb7d
H: 92 S: 0.94 L: 0.74
#d76e9f
H: 332 S: 0.57 L: 0.64
#6e9fd7
H: 212 S: 0.57 L: 0.64
#886843
H: 32 S: 0.34 L: 0.4
#f80677
H: 332 S: 0.95 L: 0.5
#ddcdba
H: 33 S: 0.34 L: 0.8
#ef860f
H: 32 S: 0.88 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#023672
H: 212 S: 0.97 L: 0.23
#0677f8
H: 212 S: 0.95 L: 0.5
#77f806
H: 92 S: 0.95 L: 0.5
#f80677
H: 332 S: 0.95 L: 0.5
#c0fc8c
H: 92 S: 0.95 L: 0.77
#a90451
H: 332 S: 0.95 L: 0.34
#7f7f7f
H: 0 S: 0 L: 0.5
#fc8cc0
H: 332 S: 0.95 L: 0.77
#53ae04
H: 92 S: 0.96 L: 0.35
#b9d9fd
H: 212 S: 0.94 L: 0.86
#f6fef0
H: 94 S: 0.88 L: 0.97
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.