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

#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5

Variants

#002366
H: 219 S: 1 L: 0.2
#006642
H: 159 S: 1 L: 0.2
#660023
H: 339 S: 1 L: 0.2
#664200
H: 39 S: 1 L: 0.2
#0c2759
H: 219 S: 0.76 L: 0.2
#0c593e
H: 159 S: 0.76 L: 0.2
#590c27
H: 339 S: 0.76 L: 0.2
#593e0c
H: 39 S: 0.76 L: 0.2
#192b4c
H: 219 S: 0.5 L: 0.2
#194c3a
H: 159 S: 0.5 L: 0.2
#4c192b
H: 339 S: 0.5 L: 0.2
#4c3a19
H: 39 S: 0.5 L: 0.2
#262f3f
H: 218 S: 0.25 L: 0.2
#263f36
H: 158 S: 0.25 L: 0.2
#3f262f
H: 338 S: 0.25 L: 0.2
#3f3626
H: 38 S: 0.25 L: 0.2
#00379e
H: 219 S: 1 L: 0.31
#009e66
H: 159 S: 1 L: 0.31
#9e0037
H: 339 S: 1 L: 0.31
#9e6600
H: 39 S: 1 L: 0.31
#133d8a
H: 219 S: 0.76 L: 0.31
#138a60
H: 159 S: 0.76 L: 0.31
#8a133d
H: 339 S: 0.76 L: 0.31
#8a6013
H: 39 S: 0.76 L: 0.31
#274376
H: 219 S: 0.5 L: 0.31
#27765a
H: 159 S: 0.5 L: 0.31
#762743
H: 339 S: 0.5 L: 0.31
#765a27
H: 39 S: 0.5 L: 0.31
#3b4962
H: 218 S: 0.25 L: 0.31
#3b6254
H: 158 S: 0.25 L: 0.31
#623b49
H: 338 S: 0.25 L: 0.31
#62543b
H: 38 S: 0.25 L: 0.31
#004ad6
H: 219 S: 1 L: 0.42
#00d68b
H: 159 S: 1 L: 0.42
#d6004a
H: 339 S: 1 L: 0.42
#d68b00
H: 39 S: 1 L: 0.42
#1a53bb
H: 219 S: 0.76 L: 0.42
#1abb83
H: 159 S: 0.76 L: 0.42
#bb1a53
H: 339 S: 0.76 L: 0.42
#bb831a
H: 39 S: 0.76 L: 0.42
#355ba0
H: 219 S: 0.5 L: 0.42
#35a07b
H: 159 S: 0.5 L: 0.42
#a0355b
H: 339 S: 0.5 L: 0.42
#a07b35
H: 39 S: 0.5 L: 0.42
#506385
H: 218 S: 0.25 L: 0.42
#508573
H: 160 S: 0.25 L: 0.42
#855063
H: 338 S: 0.25 L: 0.42
#857350
H: 40 S: 0.25 L: 0.42
#0f63ff
H: 219 S: 1 L: 0.53
#0fffab
H: 159 S: 1 L: 0.53
#ff0f63
H: 339 S: 1 L: 0.53
#ffab0f
H: 39 S: 1 L: 0.53
#2d6ce1
H: 219 S: 0.75 L: 0.53
#2de1a2
H: 159 S: 0.75 L: 0.53
#e12d6c
H: 339 S: 0.75 L: 0.53
#e1a22d
H: 39 S: 0.75 L: 0.53
#4b75c3
H: 219 S: 0.5 L: 0.53
#4bc399
H: 159 S: 0.5 L: 0.53
#c34b75
H: 339 S: 0.5 L: 0.53
#c3994b
H: 39 S: 0.5 L: 0.53
#697ea5
H: 219 S: 0.25 L: 0.53
#69a590
H: 159 S: 0.25 L: 0.53
#a5697e
H: 339 S: 0.25 L: 0.53
#a59069
H: 39 S: 0.25 L: 0.53
#4787ff
H: 219 S: 1 L: 0.64
#47ffbe
H: 159 S: 1 L: 0.64
#ff4787
H: 339 S: 1 L: 0.64
#ffbe47
H: 39 S: 1 L: 0.64
#5e8ee8
H: 219 S: 0.75 L: 0.64
#5ee8b7
H: 159 S: 0.75 L: 0.64
#e85e8e
H: 339 S: 0.75 L: 0.64
#e8b75e
H: 39 S: 0.75 L: 0.64
#7595d1
H: 219 S: 0.5 L: 0.64
#75d1b0
H: 158 S: 0.5 L: 0.64
#d17595
H: 339 S: 0.5 L: 0.64
#d1b075
H: 38 S: 0.5 L: 0.64
#8c9cba
H: 219 S: 0.25 L: 0.64
#8cbaaa
H: 159 S: 0.25 L: 0.64
#ba8c9c
H: 339 S: 0.25 L: 0.64
#baaa8c
H: 39 S: 0.25 L: 0.64
#7facff
H: 219 S: 1 L: 0.75
#7fffd2
H: 159 S: 1 L: 0.75
#ff7fac
H: 339 S: 1 L: 0.75
#ffd27f
H: 39 S: 1 L: 0.75
#8fb0ef
H: 219 S: 0.75 L: 0.75
#8fefcd
H: 159 S: 0.75 L: 0.75
#ef8fb0
H: 339 S: 0.75 L: 0.75
#efcd8f
H: 39 S: 0.75 L: 0.75
#9fb5df
H: 219 S: 0.5 L: 0.75
#9fdfc8
H: 158 S: 0.5 L: 0.75
#df9fb5
H: 339 S: 0.5 L: 0.75
#dfc89f
H: 38 S: 0.5 L: 0.75
#afbacf
H: 219 S: 0.25 L: 0.75
#afcfc4
H: 159 S: 0.25 L: 0.75
#cfafba
H: 339 S: 0.25 L: 0.75
#cfc4af
H: 39 S: 0.25 L: 0.75
#b7d0ff
H: 219 S: 1 L: 0.86
#b7ffe6
H: 159 S: 1 L: 0.86
#ffb7d0
H: 339 S: 1 L: 0.86
#ffe6b7
H: 39 S: 1 L: 0.86
#c0d3f6
H: 219 S: 0.75 L: 0.86
#c0f6e3
H: 159 S: 0.75 L: 0.86
#f6c0d3
H: 339 S: 0.75 L: 0.86
#f6e3c0
H: 39 S: 0.75 L: 0.86
#c9d5ed
H: 220 S: 0.5 L: 0.86
#c9ede0
H: 158 S: 0.5 L: 0.86
#edc9d5
H: 340 S: 0.5 L: 0.86
#ede0c9
H: 38 S: 0.5 L: 0.86
#d2d8e4
H: 220 S: 0.25 L: 0.86
#d2e4dd
H: 157 S: 0.25 L: 0.86
#e4d2d8
H: 340 S: 0.25 L: 0.86
#e4ddd2
H: 37 S: 0.25 L: 0.86
#eff5ff
H: 218 S: 1 L: 0.97
#effff9
H: 158 S: 1 L: 0.97
#ffeff5
H: 338 S: 1 L: 0.97
#fff9ef
H: 38 S: 1 L: 0.97
#f1f5fd
H: 220 S: 0.75 L: 0.97
#f1fdf9
H: 160 S: 0.75 L: 0.97
#fdf1f5
H: 340 S: 0.75 L: 0.97
#fdf9f1
H: 40 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
#c68305
H: 39 S: 0.95 L: 0.4
#ad7b1e
H: 39 S: 0.7 L: 0.4
#937338
H: 39 S: 0.45 L: 0.4
#d99c2a
H: 39 S: 0.7 L: 0.51
#ba9249
H: 39 S: 0.45 L: 0.51
#e1b25a
H: 39 S: 0.69 L: 0.62
#c9ab72
H: 39 S: 0.45 L: 0.62
#eac889
H: 39 S: 0.7 L: 0.73
#d9c39b
H: 39 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.

#396ac5
H: 219 S: 0.55 L: 0.5
#3b9a79
H: 159 S: 0.45 L: 0.42
#b6486f
H: 339 S: 0.43 L: 0.5
#b7872d
H: 39 S: 0.61 L: 0.45
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#eaeff9
H: 220 S: 0.56 L: 0.95
#33cc96
H: 159 S: 0.6 L: 0.5
#c33b6b
H: 339 S: 0.54 L: 0.5
#c3933b
H: 39 S: 0.54 L: 0.5
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#0f5def
H: 219 S: 0.88 L: 0.5
#51ad8d
H: 159 S: 0.36 L: 0.5
#db7095
H: 339 S: 0.6 L: 0.65
#da9a24
H: 39 S: 0.72 L: 0.5
#2b59af
H: 219 S: 0.61 L: 0.43
#1e7a5a
H: 159 S: 0.61 L: 0.3
#c13d6b
H: 339 S: 0.52 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#cfbb95
H: 39 S: 0.38 L: 0.7
#3d74db
H: 219 S: 0.69 L: 0.55
#33cc96
H: 159 S: 0.6 L: 0.5
#7a1e3e
H: 339 S: 0.61 L: 0.3
#a48a5a
H: 39 S: 0.29 L: 0.5
#e0d2b7
H: 40 S: 0.4 L: 0.8
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#5783d5
H: 219 S: 0.6 L: 0.59
#5bd6ab
H: 159 S: 0.6 L: 0.6
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#eaf9f4
H: 160 S: 0.56 L: 0.95
#eaeff9
H: 220 S: 0.56 L: 0.95
#4bb38f
H: 159 S: 0.41 L: 0.5
#f8065b
H: 339 S: 0.95 L: 0.5
#b28e4c
H: 39 S: 0.4 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#4b6eb3
H: 220 S: 0.41 L: 0.5
#9db6e6
H: 219 S: 0.59 L: 0.76
#33cc96
H: 159 S: 0.6 L: 0.5
#c30d4d
H: 339 S: 0.88 L: 0.41
#cc9633
H: 39 S: 0.6 L: 0.5
#74dcb7
H: 159 S: 0.6 L: 0.66
#dfbe80
H: 39 S: 0.6 L: 0.69
#3f76de
H: 219 S: 0.71 L: 0.56
#59a58a
H: 159 S: 0.3 L: 0.5
#d22c66
H: 339 S: 0.65 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#2352a8
H: 219 S: 0.66 L: 0.4
#926c24
H: 39 S: 0.6 L: 0.36
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#244b92
H: 219 S: 0.6 L: 0.36
#7f7f7f
H: 0 S: 0 L: 0.5
#3577f2
H: 219 S: 0.88 L: 0.58
#497364
H: 159 S: 0.22 L: 0.37
#de7197
H: 339 S: 0.62 L: 0.66
#dfbe80
H: 39 S: 0.6 L: 0.69
#c58206
H: 39 S: 0.94 L: 0.4
#afafaf
H: 0 S: 0 L: 0.69
#80a1df
H: 219 S: 0.6 L: 0.69
#4b6fb3
H: 219 S: 0.41 L: 0.5
#05f9a4
H: 159 S: 0.96 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#d1d1d1
H: 0 S: 0 L: 0.82
#606060
H: 0 S: 0 L: 0.38
#90ade3
H: 219 S: 0.6 L: 0.73
#6cdab3
H: 159 S: 0.6 L: 0.64
#ef0f5d
H: 339 S: 0.88 L: 0.5
#e1c288
H: 39 S: 0.6 L: 0.71
#2b59af
H: 219 S: 0.61 L: 0.43
#b77e14
H: 39 S: 0.8 L: 0.4
#7f7f7f
H: 0 S: 0 L: 0.5
#8caae2
H: 219 S: 0.6 L: 0.72
#74dcb7
H: 159 S: 0.6 L: 0.66
#e69db6
H: 339 S: 0.59 L: 0.76
#826020
H: 39 S: 0.6 L: 0.32
#204282
H: 219 S: 0.6 L: 0.32
#bf800c
H: 39 S: 0.88 L: 0.4
#dbac56
H: 39 S: 0.65 L: 0.6
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#cab99a
H: 39 S: 0.31 L: 0.7
#13274d
H: 219 S: 0.6 L: 0.19
#f7a307
H: 39 S: 0.94 L: 0.5
#e6f8f2
H: 160 S: 0.56 L: 0.94
#3e4f6e
H: 219 S: 0.28 L: 0.34
#5aa48a
H: 159 S: 0.29 L: 0.5
#f30b5c
H: 339 S: 0.91 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#f8fbfa
H: 160 S: 0.27 L: 0.98
#e7d4b0
H: 39 S: 0.53 L: 0.8
#3368cc
H: 219 S: 0.6 L: 0.5
#6e5d3e
H: 39 S: 0.28 L: 0.34
#3368cc
H: 219 S: 0.6 L: 0.5
#5bd6ab
H: 159 S: 0.6 L: 0.6
#e01e62
H: 339 S: 0.76 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#565656
H: 0 S: 0 L: 0.34
#d6d6d6
H: 0 S: 0 L: 0.84
#5e5e5e
H: 0 S: 0 L: 0.37
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#f8f4eb
H: 42 S: 0.48 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#238e69
H: 159 S: 0.6 L: 0.35
#a8a8a8
H: 0 S: 0 L: 0.66
#0a4ecb
H: 219 S: 0.91 L: 0.42
#33bc8c
H: 159 S: 0.57 L: 0.47
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#6b6b6b
H: 0 S: 0 L: 0.42
#282828
H: 0 S: 0 L: 0.16
#070707
H: 0 S: 0 L: 0.03
#bcbcbc
H: 0 S: 0 L: 0.74
#bababa
H: 0 S: 0 L: 0.73
#7b8aa7
H: 220 S: 0.2 L: 0.57
#1fdf9c
H: 159 S: 0.76 L: 0.5
#ab2a57
H: 339 S: 0.61 L: 0.42
#d5a957
H: 39 S: 0.6 L: 0.59
#6b6b6b
H: 0 S: 0 L: 0.42
#4c4c4c
H: 0 S: 0 L: 0.3
#494949
H: 0 S: 0 L: 0.29
#bcbcbc
H: 0 S: 0 L: 0.74
#e5e5e5
H: 0 S: 0 L: 0.9
#3368cc
H: 219 S: 0.6 L: 0.5
#049965
H: 159 S: 0.95 L: 0.31
#e188a7
H: 339 S: 0.6 L: 0.71
#d9b168
H: 39 S: 0.6 L: 0.63
#4f4f4f
H: 0 S: 0 L: 0.31
#7f7f7f
H: 0 S: 0 L: 0.5
#f3e7d2
H: 38 S: 0.58 L: 0.89
#c58206
H: 39 S: 0.94 L: 0.4
#54021e
H: 340 S: 0.95 L: 0.17
#3b6bc3
H: 219 S: 0.54 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#a4854b
H: 39 S: 0.37 L: 0.47
#777777
H: 0 S: 0 L: 0.47
#204538
H: 159 S: 0.37 L: 0.2
#c37d96
H: 339 S: 0.37 L: 0.63
#c9d7f1
H: 219 S: 0.59 L: 0.87
#91dec3
H: 159 S: 0.54 L: 0.72
#3368cc
H: 219 S: 0.6 L: 0.5
#33cc96
H: 159 S: 0.6 L: 0.5
#cc3368
H: 339 S: 0.6 L: 0.5
#cc9633
H: 39 S: 0.6 L: 0.5
#1d3c76
H: 219 S: 0.61 L: 0.29
#7f7f7f
H: 0 S: 0 L: 0.5
#d4bc90
H: 39 S: 0.44 L: 0.7
#84e0c0
H: 159 S: 0.6 L: 0.7
#c5d4f0
H: 219 S: 0.59 L: 0.86
#24926c
H: 159 S: 0.6 L: 0.36
#7892c3
H: 219 S: 0.38 L: 0.62
#a1e7ce
H: 159 S: 0.59 L: 0.77
#ce3b6e
H: 339 S: 0.6 L: 0.52
#cc9633
H: 39 S: 0.6 L: 0.5
#383838
H: 0 S: 0 L: 0.22
#141414
H: 0 S: 0 L: 0.08
#595959
H: 0 S: 0 L: 0.35
#444444
H: 0 S: 0 L: 0.27
#919191
H: 0 S: 0 L: 0.57
#4c4c4c
H: 0 S: 0 L: 0.3
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.