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

#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5

Variants

#004366
H: 201 S: 1 L: 0.2
#660011
H: 350 S: 1 L: 0.2
#662100
H: 19 S: 1 L: 0.2
#665500
H: 50 S: 1 L: 0.2
#0c3f59
H: 200 S: 0.76 L: 0.2
#590c19
H: 350 S: 0.76 L: 0.2
#59260c
H: 20 S: 0.76 L: 0.2
#594c0c
H: 50 S: 0.76 L: 0.2
#193b4c
H: 200 S: 0.5 L: 0.2
#4c1922
H: 349 S: 0.5 L: 0.2
#4c2a19
H: 20 S: 0.5 L: 0.2
#4c4419
H: 51 S: 0.5 L: 0.2
#26373f
H: 199 S: 0.25 L: 0.2
#3f262a
H: 350 S: 0.25 L: 0.2
#3f2e26
H: 19 S: 0.25 L: 0.2
#3f3b26
H: 50 S: 0.25 L: 0.2
#00699e
H: 200 S: 1 L: 0.31
#9e001a
H: 350 S: 1 L: 0.31
#9e3400
H: 20 S: 1 L: 0.31
#9e8300
H: 50 S: 1 L: 0.31
#13628a
H: 200 S: 0.76 L: 0.31
#8a1327
H: 350 S: 0.76 L: 0.31
#8a3b13
H: 20 S: 0.76 L: 0.31
#8a7613
H: 50 S: 0.76 L: 0.31
#275c76
H: 200 S: 0.5 L: 0.31
#762734
H: 350 S: 0.5 L: 0.31
#764127
H: 20 S: 0.5 L: 0.31
#766927
H: 50 S: 0.5 L: 0.31
#3b5562
H: 200 S: 0.25 L: 0.31
#623b41
H: 351 S: 0.25 L: 0.31
#62483b
H: 20 S: 0.25 L: 0.31
#625c3b
H: 51 S: 0.25 L: 0.31
#008ed6
H: 200 S: 1 L: 0.42
#d60023
H: 350 S: 1 L: 0.42
#d64700
H: 20 S: 1 L: 0.42
#d6b200
H: 50 S: 1 L: 0.42
#1a85bb
H: 200 S: 0.76 L: 0.42
#bb1a35
H: 350 S: 0.76 L: 0.42
#bb501a
H: 20 S: 0.76 L: 0.42
#bba01a
H: 50 S: 0.76 L: 0.42
#357ca0
H: 200 S: 0.5 L: 0.42
#a03547
H: 350 S: 0.5 L: 0.42
#a05935
H: 20 S: 0.5 L: 0.42
#a08e35
H: 50 S: 0.5 L: 0.42
#507485
H: 199 S: 0.25 L: 0.42
#855059
H: 350 S: 0.25 L: 0.42
#856250
H: 20 S: 0.25 L: 0.42
#857c50
H: 50 S: 0.25 L: 0.42
#0fafff
H: 200 S: 1 L: 0.53
#ff0f37
H: 350 S: 1 L: 0.53
#ff5f0f
H: 20 S: 1 L: 0.53
#ffd70f
H: 50 S: 1 L: 0.53
#2da5e1
H: 200 S: 0.75 L: 0.53
#e12d4b
H: 350 S: 0.75 L: 0.53
#e1692d
H: 20 S: 0.75 L: 0.53
#e1c32d
H: 50 S: 0.75 L: 0.53
#4b9bc3
H: 200 S: 0.5 L: 0.53
#c34b5f
H: 350 S: 0.5 L: 0.53
#c3734b
H: 20 S: 0.5 L: 0.53
#c3af4b
H: 50 S: 0.5 L: 0.53
#6991a5
H: 200 S: 0.25 L: 0.53
#a56973
H: 350 S: 0.25 L: 0.53
#a57d69
H: 20 S: 0.25 L: 0.53
#a59b69
H: 50 S: 0.25 L: 0.53
#47c1ff
H: 200 S: 1 L: 0.64
#ff4766
H: 350 S: 1 L: 0.64
#ff8447
H: 20 S: 1 L: 0.64
#ffe047
H: 50 S: 1 L: 0.64
#5ebae8
H: 200 S: 0.75 L: 0.64
#e85e75
H: 350 S: 0.75 L: 0.64
#e88c5e
H: 20 S: 0.75 L: 0.64
#e8d15e
H: 50 S: 0.75 L: 0.64
#75b2d1
H: 200 S: 0.5 L: 0.64
#d17584
H: 350 S: 0.5 L: 0.64
#d19375
H: 20 S: 0.5 L: 0.64
#d1c175
H: 50 S: 0.5 L: 0.64
#8caaba
H: 201 S: 0.25 L: 0.64
#ba8c93
H: 351 S: 0.25 L: 0.64
#ba9b8c
H: 20 S: 0.25 L: 0.64
#bab28c
H: 50 S: 0.25 L: 0.64
#7fd4ff
H: 200 S: 1 L: 0.75
#ff7f94
H: 350 S: 1 L: 0.75
#ffaa7f
H: 20 S: 1 L: 0.75
#ffe97f
H: 50 S: 1 L: 0.75
#8fcfef
H: 200 S: 0.75 L: 0.75
#ef8f9f
H: 350 S: 0.75 L: 0.75
#efaf8f
H: 20 S: 0.75 L: 0.75
#efdf8f
H: 50 S: 0.75 L: 0.75
#9fc9df
H: 201 S: 0.5 L: 0.75
#df9faa
H: 350 S: 0.5 L: 0.75
#dfb49f
H: 20 S: 0.5 L: 0.75
#dfd49f
H: 50 S: 0.5 L: 0.75
#afc4cf
H: 201 S: 0.25 L: 0.75
#cfafb4
H: 351 S: 0.25 L: 0.75
#cfb9af
H: 19 S: 0.25 L: 0.75
#cfc9af
H: 49 S: 0.25 L: 0.75
#b7e7ff
H: 200 S: 1 L: 0.86
#ffb7c3
H: 350 S: 1 L: 0.86
#ffcfb7
H: 20 S: 1 L: 0.86
#fff3b7
H: 50 S: 1 L: 0.86
#c0e4f6
H: 200 S: 0.75 L: 0.86
#f6c0c9
H: 350 S: 0.75 L: 0.86
#f6d2c0
H: 20 S: 0.75 L: 0.86
#f6edc0
H: 50 S: 0.75 L: 0.86
#c9e1ed
H: 200 S: 0.5 L: 0.86
#edc9cf
H: 350 S: 0.5 L: 0.86
#edd5c9
H: 20 S: 0.5 L: 0.86
#ede7c9
H: 50 S: 0.5 L: 0.86
#d2dee4
H: 200 S: 0.25 L: 0.86
#e4d2d5
H: 350 S: 0.25 L: 0.86
#e4d8d2
H: 20 S: 0.25 L: 0.86
#e4e1d2
H: 50 S: 0.25 L: 0.86
#eff9ff
H: 203 S: 1 L: 0.97
#ffeff2
H: 349 S: 1 L: 0.97
#fff4ef
H: 19 S: 1 L: 0.97
#fffcef
H: 49 S: 1 L: 0.97
#f1f9fd
H: 200 S: 0.75 L: 0.97
#fdf1f3
H: 350 S: 0.75 L: 0.97
#fdf5f1
H: 20 S: 0.75 L: 0.97
#fdfbf1
H: 50 S: 0.75 L: 0.97
#f3f8fb
H: 203 S: 0.5 L: 0.97
#fbf3f4
H: 353 S: 0.5 L: 0.97
#fbf6f3
H: 23 S: 0.5 L: 0.97
#fbf9f3
H: 45 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f9f5f6
H: 345 S: 0.25 L: 0.97
#f9f6f5
H: 15 S: 0.25 L: 0.97
#f9f8f5
H: 45 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
#c64505
H: 20 S: 0.95 L: 0.4
#ad4e1e
H: 20 S: 0.7 L: 0.4
#935638
H: 20 S: 0.45 L: 0.4
#d9642a
H: 20 S: 0.7 L: 0.51
#ba6f49
H: 20 S: 0.45 L: 0.51
#e1875a
H: 20 S: 0.69 L: 0.62
#c98f72
H: 20 S: 0.45 L: 0.62
#eaaa89
H: 20 S: 0.7 L: 0.73
#d9af9b
H: 19 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.

#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f6eeef
H: 353 S: 0.31 L: 0.95
#f0590e
H: 20 S: 0.89 L: 0.5
#a3975b
H: 50 S: 0.28 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#46748b
H: 200 S: 0.33 L: 0.41
#f00e33
H: 350 S: 0.89 L: 0.5
#cfa18b
H: 19 S: 0.41 L: 0.68
#fbd721
H: 50 S: 0.96 L: 0.56
#4393bb
H: 200 S: 0.47 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#df5f1f
H: 20 S: 0.76 L: 0.5
#f1cd17
H: 50 S: 0.89 L: 0.52
#5a8ba4
H: 200 S: 0.29 L: 0.5
#fde6ea
H: 350 S: 0.85 L: 0.95
#f0590e
H: 20 S: 0.89 L: 0.5
#ac9d52
H: 50 S: 0.35 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#9edbf9
H: 200 S: 0.88 L: 0.8
#db2342
H: 350 S: 0.72 L: 0.5
#ab6644
H: 20 S: 0.43 L: 0.47
#c4ad3a
H: 50 S: 0.54 L: 0.5
#f8e99f
H: 50 S: 0.86 L: 0.8
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f894a5
H: 350 S: 0.88 L: 0.78
#a16d53
H: 20 S: 0.32 L: 0.48
#f0cb0e
H: 50 S: 0.89 L: 0.5
#f26a26
H: 20 S: 0.89 L: 0.55
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#a97155
H: 20 S: 0.33 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f69b6e
H: 20 S: 0.88 L: 0.7
#ac9d52
H: 50 S: 0.35 L: 0.5
#ab4e20
H: 20 S: 0.68 L: 0.4
#b2b2b2
H: 0 S: 0 L: 0.7
#2b9bd3
H: 200 S: 0.66 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#b7511f
H: 20 S: 0.71 L: 0.42
#f0cb0e
H: 50 S: 0.89 L: 0.5
#c08b71
H: 20 S: 0.39 L: 0.6
#815c4a
H: 20 S: 0.27 L: 0.4
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#e1c4b6
H: 20 S: 0.42 L: 0.8
#7f7f7f
H: 0 S: 0 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f1173b
H: 350 S: 0.89 L: 0.52
#f0590e
H: 20 S: 0.89 L: 0.5
#af9f4f
H: 50 S: 0.38 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#c7ab9d
H: 20 S: 0.27 L: 0.7
#90d5f8
H: 200 S: 0.88 L: 0.77
#952135
H: 350 S: 0.64 L: 0.36
#f0590e
H: 20 S: 0.89 L: 0.5
#e1c01d
H: 50 S: 0.77 L: 0.5
#f69f73
H: 20 S: 0.88 L: 0.71
#5b5b5b
H: 0 S: 0 L: 0.36
#7f7f7f
H: 0 S: 0 L: 0.5
#e6f6fd
H: 198 S: 0.85 L: 0.95
#d42a46
H: 350 S: 0.67 L: 0.5
#b26e4c
H: 20 S: 0.4 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#eb5b13
H: 20 S: 0.85 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#2aa1d4
H: 198 S: 0.67 L: 0.5
#0b8aca
H: 200 S: 0.9 L: 0.42
#aa5462
H: 350 S: 0.34 L: 0.5
#f48147
H: 20 S: 0.89 L: 0.62
#f0cb0e
H: 50 S: 0.89 L: 0.5
#548daa
H: 200 S: 0.34 L: 0.5
#f9b999
H: 20 S: 0.89 L: 0.79
#7f7f7f
H: 0 S: 0 L: 0.5
#34b3f3
H: 200 S: 0.89 L: 0.58
#f00e33
H: 350 S: 0.89 L: 0.5
#d44e0c
H: 20 S: 0.89 L: 0.44
#cdc392
H: 50 S: 0.37 L: 0.69
#939393
H: 0 S: 0 L: 0.58
#f3d334
H: 50 S: 0.89 L: 0.58
#f894a5
H: 350 S: 0.88 L: 0.78
#0c98dd
H: 200 S: 0.9 L: 0.46
#f66981
H: 350 S: 0.89 L: 0.69
#daab94
H: 20 S: 0.49 L: 0.72
#f0cb0e
H: 50 S: 0.89 L: 0.5
#757575
H: 0 S: 0 L: 0.46
#f5f2e4
H: 49 S: 0.46 L: 0.93
#de520b
H: 20 S: 0.91 L: 0.46
#de0b2e
H: 350 S: 0.91 L: 0.46
#4c90b2
H: 200 S: 0.4 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#fdeee6
H: 21 S: 0.85 L: 0.95
#f0cb0e
H: 50 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b2704c
H: 21 S: 0.4 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#7ccef7
H: 200 S: 0.88 L: 0.73
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#c7ae31
H: 50 S: 0.6 L: 0.49
#7f7f7f
H: 0 S: 0 L: 0.5
#0ea5f0
H: 200 S: 0.89 L: 0.5
#bababa
H: 0 S: 0 L: 0.73
#f6a57d
H: 20 S: 0.87 L: 0.73
#0ea5f0
H: 200 S: 0.89 L: 0.5
#ec0d32
H: 350 S: 0.9 L: 0.49
#f0590e
H: 20 S: 0.89 L: 0.5
#cfc077
H: 50 S: 0.48 L: 0.64
#7c7c7c
H: 0 S: 0 L: 0.49
#0a7ab2
H: 200 S: 0.89 L: 0.37
#edc70c
H: 50 S: 0.9 L: 0.49
#935638
H: 20 S: 0.45 L: 0.4
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#141414
H: 0 S: 0 L: 0.08
#606060
H: 0 S: 0 L: 0.38
#1e1e1e
H: 0 S: 0 L: 0.12
#fcfcfc
H: 0 S: 0 L: 0.99
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#867107
H: 50 S: 0.9 L: 0.28
#fbdac9
H: 20 S: 0.86 L: 0.89
#085f8b
H: 200 S: 0.89 L: 0.29
#f4844c
H: 20 S: 0.88 L: 0.63
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f22648
H: 350 S: 0.89 L: 0.55
#f8b694
H: 20 S: 0.88 L: 0.78
#f0cb0e
H: 50 S: 0.89 L: 0.5
#b84a13
H: 20 S: 0.81 L: 0.4
#af6f4f
H: 20 S: 0.38 L: 0.5
#a8def9
H: 200 S: 0.87 L: 0.82
#f26a26
H: 20 S: 0.89 L: 0.55
#511e04
H: 20 S: 0.91 L: 0.17
#e6f6fd
H: 198 S: 0.85 L: 0.95
#a95563
H: 350 S: 0.33 L: 0.5
#cf642f
H: 20 S: 0.63 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#0eacf0
H: 198 S: 0.89 L: 0.5
#08648b
H: 198 S: 0.89 L: 0.29
#372014
H: 21 S: 0.47 L: 0.15
#0ea5f0
H: 200 S: 0.89 L: 0.5
#f00e33
H: 350 S: 0.89 L: 0.5
#f0590e
H: 20 S: 0.89 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#8c593f
H: 20 S: 0.38 L: 0.4
#c98868
H: 20 S: 0.47 L: 0.6
#f8e894
H: 50 S: 0.88 L: 0.78
#f55b74
H: 350 S: 0.89 L: 0.66
#085f8b
H: 200 S: 0.89 L: 0.29
#10a4ee
H: 200 S: 0.87 L: 0.5
#f33958
H: 350 S: 0.89 L: 0.59
#df5f1f
H: 20 S: 0.76 L: 0.5
#f0cb0e
H: 50 S: 0.89 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#d40c2d
H: 350 S: 0.89 L: 0.44
#f68396
H: 350 S: 0.86 L: 0.74
#f7e37c
H: 50 S: 0.88 L: 0.73
#8cd3f7
H: 200 S: 0.87 L: 0.76
#1673a1
H: 200 S: 0.76 L: 0.36
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.