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

#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55

Variants

#003466
H: 209 S: 1 L: 0.2
#016600
H: 119 S: 1 L: 0.2
#640066
H: 299 S: 1 L: 0.2
#0c3459
H: 209 S: 0.76 L: 0.2
#0e590c
H: 118 S: 0.76 L: 0.2
#570c59
H: 298 S: 0.76 L: 0.2
#19334c
H: 209 S: 0.5 L: 0.2
#1a4c19
H: 119 S: 0.5 L: 0.2
#4b194c
H: 299 S: 0.5 L: 0.2
#26333f
H: 209 S: 0.25 L: 0.2
#263f26
H: 120 S: 0.25 L: 0.2
#3f263f
H: 300 S: 0.25 L: 0.2
#00519e
H: 209 S: 1 L: 0.31
#029e00
H: 119 S: 1 L: 0.31
#9b009e
H: 299 S: 1 L: 0.31
#13518a
H: 209 S: 0.76 L: 0.31
#158a13
H: 119 S: 0.76 L: 0.31
#88138a
H: 299 S: 0.76 L: 0.31
#275076
H: 209 S: 0.5 L: 0.31
#287627
H: 119 S: 0.5 L: 0.31
#752776
H: 299 S: 0.5 L: 0.31
#3b4f62
H: 209 S: 0.25 L: 0.31
#3b623b
H: 120 S: 0.25 L: 0.31
#623b62
H: 300 S: 0.25 L: 0.31
#006ed6
H: 209 S: 1 L: 0.42
#03d600
H: 119 S: 1 L: 0.42
#d200d6
H: 299 S: 1 L: 0.42
#1a6dbb
H: 209 S: 0.76 L: 0.42
#1dbb1a
H: 119 S: 0.76 L: 0.42
#b81abb
H: 299 S: 0.76 L: 0.42
#356ca0
H: 209 S: 0.5 L: 0.42
#37a035
H: 119 S: 0.5 L: 0.42
#9e35a0
H: 299 S: 0.5 L: 0.42
#506b85
H: 209 S: 0.25 L: 0.42
#518550
H: 119 S: 0.25 L: 0.42
#845085
H: 299 S: 0.25 L: 0.42
#0f8bff
H: 209 S: 1 L: 0.53
#13ff0f
H: 119 S: 1 L: 0.53
#fb0fff
H: 299 S: 1 L: 0.53
#2d8ae1
H: 209 S: 0.75 L: 0.53
#30e12d
H: 119 S: 0.75 L: 0.53
#de2de1
H: 299 S: 0.75 L: 0.53
#4b89c3
H: 209 S: 0.5 L: 0.53
#4dc34b
H: 119 S: 0.5 L: 0.53
#c14bc3
H: 299 S: 0.5 L: 0.53
#6988a5
H: 209 S: 0.25 L: 0.53
#6aa569
H: 119 S: 0.25 L: 0.53
#a469a5
H: 299 S: 0.25 L: 0.53
#47a6ff
H: 209 S: 1 L: 0.64
#4aff47
H: 119 S: 1 L: 0.64
#fb47ff
H: 299 S: 1 L: 0.64
#5ea5e8
H: 209 S: 0.75 L: 0.64
#60e85e
H: 119 S: 0.75 L: 0.64
#e55ee8
H: 299 S: 0.75 L: 0.64
#75a4d1
H: 209 S: 0.5 L: 0.64
#76d175
H: 119 S: 0.5 L: 0.64
#cf75d1
H: 299 S: 0.5 L: 0.64
#8ca3ba
H: 210 S: 0.25 L: 0.64
#8dba8c
H: 119 S: 0.25 L: 0.64
#b98cba
H: 299 S: 0.25 L: 0.64
#7fc1ff
H: 209 S: 1 L: 0.75
#81ff7f
H: 119 S: 1 L: 0.75
#fc7fff
H: 299 S: 1 L: 0.75
#8fc0ef
H: 209 S: 0.75 L: 0.75
#91ef8f
H: 119 S: 0.75 L: 0.75
#ed8fef
H: 299 S: 0.75 L: 0.75
#9fc0df
H: 209 S: 0.5 L: 0.75
#a0df9f
H: 119 S: 0.5 L: 0.75
#de9fdf
H: 299 S: 0.5 L: 0.75
#afbfcf
H: 210 S: 0.25 L: 0.75
#afcfaf
H: 120 S: 0.25 L: 0.75
#ceafcf
H: 298 S: 0.25 L: 0.75
#b7dcff
H: 209 S: 1 L: 0.86
#b8ffb7
H: 119 S: 1 L: 0.86
#fdb7ff
H: 298 S: 1 L: 0.86
#c0dcf6
H: 209 S: 0.75 L: 0.86
#c1f6c0
H: 119 S: 0.75 L: 0.86
#f5c0f6
H: 299 S: 0.75 L: 0.86
#c9dbed
H: 210 S: 0.5 L: 0.86
#caedc9
H: 118 S: 0.5 L: 0.86
#ecc9ed
H: 298 S: 0.5 L: 0.86
#d2dbe4
H: 210 S: 0.25 L: 0.86
#d2e4d2
H: 120 S: 0.25 L: 0.86
#e3d2e4
H: 297 S: 0.25 L: 0.86
#eff7ff
H: 210 S: 1 L: 0.97
#efffef
H: 120 S: 1 L: 0.97
#feefff
H: 296 S: 1 L: 0.97
#f1f7fd
H: 210 S: 0.75 L: 0.97
#f1fdf1
H: 120 S: 0.75 L: 0.97
#fcf1fd
H: 295 S: 0.75 L: 0.97
#f3f7fb
H: 210 S: 0.5 L: 0.97
#f3fbf3
H: 120 S: 0.5 L: 0.97
#fbf3fb
H: 300 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f5f9f5
H: 120 S: 0.25 L: 0.97
#f9f5f9
H: 300 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
#c66205
H: 29 S: 0.95 L: 0.4
#ad631e
H: 29 S: 0.7 L: 0.4
#936438
H: 29 S: 0.45 L: 0.4
#d97f2a
H: 29 S: 0.7 L: 0.51
#ba8049
H: 29 S: 0.45 L: 0.51
#e19b5a
H: 29 S: 0.69 L: 0.62
#c99c72
H: 29 S: 0.45 L: 0.62
#eab889
H: 29 S: 0.7 L: 0.73
#d9b99b
H: 29 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.

#338fe4
H: 209 S: 0.77 L: 0.55
#169913
H: 119 S: 0.78 L: 0.34
#e133e4
H: 299 S: 0.77 L: 0.55
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#758da3
H: 209 S: 0.2 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#608db7
H: 209 S: 0.38 L: 0.55
#4dcd4a
H: 119 S: 0.57 L: 0.55
#cf84d0
H: 299 S: 0.45 L: 0.67
#aaaaaa
H: 0 S: 0 L: 0.67
#2d82d1
H: 209 S: 0.65 L: 0.5
#06fc02
H: 119 S: 0.98 L: 0.5
#fbe8fb
H: 300 S: 0.7 L: 0.95
#a47e5a
H: 29 S: 0.29 L: 0.5
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#c99768
H: 29 S: 0.47 L: 0.6
#e8f2fc
H: 210 S: 0.77 L: 0.95
#23df1f
H: 119 S: 0.76 L: 0.5
#b943bb
H: 299 S: 0.47 L: 0.5
#cf7c2f
H: 29 S: 0.63 L: 0.5
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#8c8c8c
H: 0 S: 0 L: 0.55
#f4b6f5
H: 299 S: 0.76 L: 0.84
#268ff2
H: 209 S: 0.89 L: 0.55
#9cfd9a
H: 119 S: 0.96 L: 0.8
#eb29ee
H: 299 S: 0.85 L: 0.55
#bb7d43
H: 29 S: 0.47 L: 0.5
#9bcdfc
H: 209 S: 0.94 L: 0.8
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#8c8c8c
H: 0 S: 0 L: 0.55
#a1f2a0
H: 119 S: 0.76 L: 0.79
#338fe4
H: 209 S: 0.77 L: 0.55
#1bbd18
H: 119 S: 0.77 L: 0.42
#be90bf
H: 299 S: 0.27 L: 0.66
#b26319
H: 29 S: 0.75 L: 0.4
#d3b191
H: 29 S: 0.43 L: 0.7
#e8f2fc
H: 210 S: 0.77 L: 0.95
#3fc13d
H: 119 S: 0.52 L: 0.5
#a954aa
H: 299 S: 0.34 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#c07d3e
H: 29 S: 0.51 L: 0.5
#de1de1
H: 299 S: 0.77 L: 0.5
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#8c8c8c
H: 0 S: 0 L: 0.55
#186bb9
H: 209 S: 0.77 L: 0.41
#f7cdf8
H: 299 S: 0.75 L: 0.89
#1d82e1
H: 209 S: 0.77 L: 0.5
#e8fce8
H: 120 S: 0.77 L: 0.95
#de1de1
H: 299 S: 0.77 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1de11d
H: 120 S: 0.77 L: 0.5
#e87c16
H: 29 S: 0.83 L: 0.5
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#8c8c8c
H: 0 S: 0 L: 0.55
#c1c1c1
H: 0 S: 0 L: 0.76
#cecece
H: 0 S: 0 L: 0.81
#1a4e7e
H: 209 S: 0.66 L: 0.3
#36e433
H: 119 S: 0.77 L: 0.55
#dc39de
H: 299 S: 0.71 L: 0.55
#1b7e1a
H: 119 S: 0.66 L: 0.3
#4c4c4c
H: 0 S: 0 L: 0.3
#c2976f
H: 29 S: 0.4 L: 0.6
#c56206
H: 29 S: 0.94 L: 0.4
#56a8f5
H: 209 S: 0.89 L: 0.65
#8bef89
H: 119 S: 0.76 L: 0.74
#e430e8
H: 299 S: 0.8 L: 0.55
#a5a5a5
H: 0 S: 0 L: 0.65
#c3def8
H: 209 S: 0.79 L: 0.87
#087306
H: 119 S: 0.9 L: 0.24
#58f556
H: 119 S: 0.89 L: 0.65
#7f9fbd
H: 209 S: 0.32 L: 0.62
#36e433
H: 119 S: 0.77 L: 0.55
#e12fe4
H: 299 S: 0.77 L: 0.54
#854586
H: 299 S: 0.32 L: 0.4
#ca7c34
H: 29 S: 0.59 L: 0.5
#fefafe
H: 300 S: 0.67 L: 0.99
#f097f1
H: 299 S: 0.76 L: 0.77
#114e87
H: 209 S: 0.78 L: 0.3
#36e433
H: 119 S: 0.77 L: 0.55
#ad26af
H: 299 S: 0.64 L: 0.42
#e7964a
H: 29 S: 0.77 L: 0.6
#6b6b6b
H: 0 S: 0 L: 0.42
#9a6431
H: 29 S: 0.52 L: 0.4
#fdf1fd
H: 300 S: 0.75 L: 0.97
#597086
H: 209 S: 0.2 L: 0.44
#57c355
H: 119 S: 0.48 L: 0.55
#f09bf2
H: 299 S: 0.77 L: 0.78
#c6c6c6
H: 0 S: 0 L: 0.78
#a5a5a5
H: 0 S: 0 L: 0.65
#dbdbdb
H: 0 S: 0 L: 0.86
#bababa
H: 0 S: 0 L: 0.73
#3a3a3a
H: 0 S: 0 L: 0.23
#318fe6
H: 209 S: 0.78 L: 0.55
#25e221
H: 119 S: 0.77 L: 0.51
#de37e1
H: 299 S: 0.74 L: 0.55
#f3adf4
H: 299 S: 0.76 L: 0.82
#d2b192
H: 29 S: 0.42 L: 0.7
#0e4476
H: 209 S: 0.79 L: 0.26
#e3964e
H: 29 S: 0.73 L: 0.6
#176dbe
H: 209 S: 0.78 L: 0.42
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#e57c19
H: 29 S: 0.8 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e8f2fc
H: 210 S: 0.77 L: 0.95
#878787
H: 0 S: 0 L: 0.53
#b27d4c
H: 29 S: 0.4 L: 0.5
#1a82e4
H: 209 S: 0.8 L: 0.5
#3fc13d
H: 119 S: 0.52 L: 0.5
#de1de1
H: 299 S: 0.77 L: 0.5
#e8fce8
H: 120 S: 0.77 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#1ce519
H: 119 S: 0.8 L: 0.5
#b98554
H: 29 S: 0.42 L: 0.53
#361d06
H: 29 S: 0.8 L: 0.12
#1768b4
H: 209 S: 0.77 L: 0.4
#36e433
H: 119 S: 0.77 L: 0.55
#c21ac5
H: 299 S: 0.77 L: 0.44
#8c8c8c
H: 0 S: 0 L: 0.55
#666666
H: 0 S: 0 L: 0.4
#8c8c8c
H: 0 S: 0 L: 0.55
#cccccc
H: 0 S: 0 L: 0.8
#a8a8a8
H: 0 S: 0 L: 0.66
#3d3d3d
H: 0 S: 0 L: 0.24
#4281bc
H: 209 S: 0.48 L: 0.5
#34cd31
H: 119 S: 0.61 L: 0.5
#de1de1
H: 299 S: 0.77 L: 0.5
#ecf8ec
H: 120 S: 0.46 L: 0.95
#b67d48
H: 29 S: 0.43 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#020202
H: 0 S: 0 L: 0.01
#ba42bc
H: 299 S: 0.48 L: 0.5
#402001
H: 30 S: 0.97 L: 0.13
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#8c8c8c
H: 0 S: 0 L: 0.55
#a415a6
H: 299 S: 0.78 L: 0.37
#98f197
H: 119 S: 0.76 L: 0.77
#092948
H: 210 S: 0.78 L: 0.16
#6f0e70
H: 299 S: 0.78 L: 0.25
#0c550b
H: 119 S: 0.77 L: 0.19
#338fe4
H: 209 S: 0.77 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#de1de1
H: 299 S: 0.77 L: 0.5
#1560a6
H: 209 S: 0.78 L: 0.37
#159413
H: 119 S: 0.77 L: 0.33
#8c8c8c
H: 0 S: 0 L: 0.55
#ee8ef0
H: 299 S: 0.77 L: 0.75
#89128b
H: 299 S: 0.77 L: 0.31
#dffadf
H: 120 S: 0.73 L: 0.93
#1c8ffb
H: 209 S: 0.97 L: 0.55
#36e433
H: 119 S: 0.77 L: 0.55
#e133e4
H: 299 S: 0.77 L: 0.55
#fa68fc
H: 299 S: 0.96 L: 0.7
#ee9643
H: 29 S: 0.83 L: 0.6
#c8fec7
H: 119 S: 0.96 L: 0.89
#fee0fe
H: 300 S: 0.94 L: 0.94
#91643a
H: 29 S: 0.43 L: 0.4
#eacaad
H: 29 S: 0.59 L: 0.8
#9bc8f2
H: 209 S: 0.77 L: 0.78
#1c63a5
H: 209 S: 0.71 L: 0.38
#28f324
H: 119 S: 0.9 L: 0.55
#a015a2
H: 299 S: 0.77 L: 0.36
#606060
H: 0 S: 0 L: 0.38
#8c8c8c
H: 0 S: 0 L: 0.55
#494949
H: 0 S: 0 L: 0.29
#dddddd
H: 0 S: 0 L: 0.87
#e8e8e8
H: 0 S: 0 L: 0.91
#9e9e9e
H: 0 S: 0 L: 0.62
#565656
H: 0 S: 0 L: 0.34
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.