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

#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5

Variants

#004566
H: 199 S: 1 L: 0.2
#200066
H: 259 S: 1 L: 0.2
#456600
H: 79 S: 1 L: 0.2
#662000
H: 19 S: 1 L: 0.2
#0c4159
H: 199 S: 0.76 L: 0.2
#240c59
H: 259 S: 0.76 L: 0.2
#41590c
H: 79 S: 0.76 L: 0.2
#59240c
H: 19 S: 0.76 L: 0.2
#193c4c
H: 199 S: 0.5 L: 0.2
#29194c
H: 259 S: 0.5 L: 0.2
#3c4c19
H: 79 S: 0.5 L: 0.2
#4c2919
H: 19 S: 0.5 L: 0.2
#26373f
H: 199 S: 0.25 L: 0.2
#2e263f
H: 259 S: 0.25 L: 0.2
#373f26
H: 79 S: 0.25 L: 0.2
#3f2e26
H: 19 S: 0.25 L: 0.2
#006c9e
H: 199 S: 1 L: 0.31
#32009e
H: 259 S: 1 L: 0.31
#6c9e00
H: 79 S: 1 L: 0.31
#9e3200
H: 19 S: 1 L: 0.31
#13648a
H: 199 S: 0.76 L: 0.31
#39138a
H: 259 S: 0.76 L: 0.31
#648a13
H: 79 S: 0.76 L: 0.31
#8a3913
H: 19 S: 0.76 L: 0.31
#275d76
H: 199 S: 0.5 L: 0.31
#402776
H: 259 S: 0.5 L: 0.31
#5d7627
H: 79 S: 0.5 L: 0.31
#764027
H: 19 S: 0.5 L: 0.31
#3b5662
H: 198 S: 0.25 L: 0.31
#473b62
H: 258 S: 0.25 L: 0.31
#56623b
H: 78 S: 0.25 L: 0.31
#62473b
H: 18 S: 0.25 L: 0.31
#0092d6
H: 199 S: 1 L: 0.42
#4300d6
H: 259 S: 1 L: 0.42
#92d600
H: 79 S: 1 L: 0.42
#d64300
H: 19 S: 1 L: 0.42
#1a88bb
H: 199 S: 0.76 L: 0.42
#4d1abb
H: 259 S: 0.76 L: 0.42
#88bb1a
H: 79 S: 0.76 L: 0.42
#bb4d1a
H: 19 S: 0.76 L: 0.42
#357ea0
H: 199 S: 0.5 L: 0.42
#5735a0
H: 259 S: 0.5 L: 0.42
#7ea035
H: 79 S: 0.5 L: 0.42
#a05735
H: 19 S: 0.5 L: 0.42
#507485
H: 199 S: 0.25 L: 0.42
#615085
H: 259 S: 0.25 L: 0.42
#748550
H: 79 S: 0.25 L: 0.42
#856150
H: 19 S: 0.25 L: 0.42
#0fb3ff
H: 199 S: 1 L: 0.53
#5b0fff
H: 259 S: 1 L: 0.53
#b3ff0f
H: 79 S: 1 L: 0.53
#ff5b0f
H: 19 S: 1 L: 0.53
#2da8e1
H: 199 S: 0.75 L: 0.53
#662de1
H: 259 S: 0.75 L: 0.53
#a8e12d
H: 79 S: 0.75 L: 0.53
#e1662d
H: 19 S: 0.75 L: 0.53
#4b9dc3
H: 199 S: 0.5 L: 0.53
#714bc3
H: 259 S: 0.5 L: 0.53
#9dc34b
H: 79 S: 0.5 L: 0.53
#c3714b
H: 19 S: 0.5 L: 0.53
#6992a5
H: 199 S: 0.25 L: 0.53
#7c69a5
H: 259 S: 0.25 L: 0.53
#92a569
H: 79 S: 0.25 L: 0.53
#a57c69
H: 19 S: 0.25 L: 0.53
#47c4ff
H: 199 S: 1 L: 0.64
#8147ff
H: 259 S: 1 L: 0.64
#c4ff47
H: 79 S: 1 L: 0.64
#ff8147
H: 19 S: 1 L: 0.64
#5ebce8
H: 199 S: 0.75 L: 0.64
#895ee8
H: 259 S: 0.75 L: 0.64
#bce85e
H: 79 S: 0.75 L: 0.64
#e8895e
H: 19 S: 0.75 L: 0.64
#75b4d1
H: 199 S: 0.5 L: 0.64
#9275d1
H: 259 S: 0.5 L: 0.64
#b4d175
H: 79 S: 0.5 L: 0.64
#d19275
H: 19 S: 0.5 L: 0.64
#8cabba
H: 200 S: 0.25 L: 0.64
#9a8cba
H: 258 S: 0.25 L: 0.64
#abba8c
H: 80 S: 0.25 L: 0.64
#ba9a8c
H: 18 S: 0.25 L: 0.64
#7fd6ff
H: 199 S: 1 L: 0.75
#a77fff
H: 259 S: 1 L: 0.75
#d6ff7f
H: 79 S: 1 L: 0.75
#ffa77f
H: 19 S: 1 L: 0.75
#8fd0ef
H: 199 S: 0.75 L: 0.75
#ad8fef
H: 259 S: 0.75 L: 0.75
#d0ef8f
H: 79 S: 0.75 L: 0.75
#efad8f
H: 19 S: 0.75 L: 0.75
#9fcadf
H: 200 S: 0.5 L: 0.75
#b39fdf
H: 259 S: 0.5 L: 0.75
#cadf9f
H: 80 S: 0.5 L: 0.75
#dfb39f
H: 19 S: 0.5 L: 0.75
#afc5cf
H: 199 S: 0.25 L: 0.75
#b9afcf
H: 259 S: 0.25 L: 0.75
#c5cfaf
H: 79 S: 0.25 L: 0.75
#cfb9af
H: 19 S: 0.25 L: 0.75
#b7e8ff
H: 199 S: 1 L: 0.86
#ceb7ff
H: 259 S: 1 L: 0.86
#e8ffb7
H: 79 S: 1 L: 0.86
#ffceb7
H: 19 S: 1 L: 0.86
#c0e5f6
H: 199 S: 0.75 L: 0.86
#d1c0f6
H: 259 S: 0.75 L: 0.86
#e5f6c0
H: 79 S: 0.75 L: 0.86
#f6d1c0
H: 19 S: 0.75 L: 0.86
#c9e1ed
H: 200 S: 0.5 L: 0.86
#d4c9ed
H: 258 S: 0.5 L: 0.86
#e1edc9
H: 80 S: 0.5 L: 0.86
#edd4c9
H: 18 S: 0.5 L: 0.86
#d2dee4
H: 200 S: 0.25 L: 0.86
#d8d2e4
H: 260 S: 0.25 L: 0.86
#dee4d2
H: 80 S: 0.25 L: 0.86
#e4d8d2
H: 20 S: 0.25 L: 0.86
#effaff
H: 199 S: 1 L: 0.97
#f4efff
H: 259 S: 1 L: 0.97
#faffef
H: 79 S: 1 L: 0.97
#fff4ef
H: 19 S: 1 L: 0.97
#f1f9fd
H: 200 S: 0.75 L: 0.97
#f5f1fd
H: 260 S: 0.75 L: 0.97
#f9fdf1
H: 80 S: 0.75 L: 0.97
#fdf5f1
H: 20 S: 0.75 L: 0.97
#f3f8fb
H: 203 S: 0.5 L: 0.97
#f5f3fb
H: 255 S: 0.5 L: 0.97
#f8fbf3
H: 83 S: 0.5 L: 0.97
#fbf5f3
H: 15 S: 0.5 L: 0.97
#f5f8f9
H: 195 S: 0.25 L: 0.97
#f6f5f9
H: 255 S: 0.25 L: 0.97
#f8f9f5
H: 75 S: 0.25 L: 0.97
#f9f6f5
H: 15 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
#c64205
H: 19 S: 0.95 L: 0.4
#ad4b1e
H: 19 S: 0.7 L: 0.4
#935538
H: 19 S: 0.45 L: 0.4
#d9612a
H: 19 S: 0.7 L: 0.51
#ba6d49
H: 19 S: 0.45 L: 0.51
#e1855a
H: 19 S: 0.69 L: 0.62
#c98e72
H: 19 S: 0.45 L: 0.62
#eaa889
H: 19 S: 0.7 L: 0.73
#d9ae9b
H: 18 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.

#87ccec
H: 199 S: 0.73 L: 0.73
#552cae
H: 259 S: 0.6 L: 0.43
#97c03e
H: 79 S: 0.51 L: 0.5
#d65f28
H: 19 S: 0.69 L: 0.5
#5e8ba0
H: 199 S: 0.26 L: 0.5
#eee8fb
H: 259 S: 0.7 L: 0.95
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#eaf5fa
H: 199 S: 0.62 L: 0.95
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#309cce
H: 199 S: 0.62 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#c9e985
H: 79 S: 0.69 L: 0.72
#dc5d22
H: 19 S: 0.73 L: 0.5
#4f91af
H: 199 S: 0.38 L: 0.5
#4b3d6a
H: 259 S: 0.27 L: 0.33
#d2ee95
H: 79 S: 0.72 L: 0.76
#dc5d22
H: 19 S: 0.73 L: 0.5
#e9f5fa
H: 198 S: 0.63 L: 0.95
#673ec0
H: 259 S: 0.51 L: 0.5
#9ccd31
H: 79 S: 0.61 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#22a1dc
H: 199 S: 0.73 L: 0.5
#3d1b87
H: 259 S: 0.67 L: 0.32
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#b7ce87
H: 79 S: 0.42 L: 0.67
#f5ae8d
H: 19 S: 0.84 L: 0.76
#df5c1f
H: 19 S: 0.76 L: 0.5
#18a5e6
H: 199 S: 0.81 L: 0.5
#5d23db
H: 259 S: 0.72 L: 0.5
#bac79d
H: 79 S: 0.27 L: 0.7
#b26c4c
H: 19 S: 0.4 L: 0.5
#93390f
H: 19 S: 0.81 L: 0.32
#e7f6fc
H: 197 S: 0.78 L: 0.95
#735ea0
H: 259 S: 0.26 L: 0.5
#a7eb13
H: 79 S: 0.85 L: 0.5
#ed5711
H: 19 S: 0.87 L: 0.5
#a0735e
H: 19 S: 0.26 L: 0.5
#b0c8d3
H: 199 S: 0.28 L: 0.76
#8d64e6
H: 259 S: 0.72 L: 0.65
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#edae91
H: 19 S: 0.72 L: 0.75
#2883ad
H: 199 S: 0.62 L: 0.42
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#d1a693
H: 18 S: 0.4 L: 0.7
#855a46
H: 19 S: 0.31 L: 0.4
#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#f5fbe8
H: 79 S: 0.7 L: 0.95
#c96435
H: 19 S: 0.58 L: 0.5
#a0d826
H: 79 S: 0.7 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#082a39
H: 198 S: 0.75 L: 0.13
#3facde
H: 199 S: 0.71 L: 0.56
#946de8
H: 259 S: 0.73 L: 0.67
#c3fb4b
H: 79 S: 0.96 L: 0.64
#dc5d22
H: 19 S: 0.73 L: 0.5
#945437
H: 19 S: 0.46 L: 0.4
#dba389
H: 19 S: 0.53 L: 0.7
#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#825b49
H: 19 S: 0.28 L: 0.4
#e79f7d
H: 19 S: 0.69 L: 0.7
#146084
H: 199 S: 0.74 L: 0.3
#22a1dc
H: 199 S: 0.73 L: 0.5
#5b1ee0
H: 259 S: 0.76 L: 0.5
#678d16
H: 79 S: 0.73 L: 0.32
#e95815
H: 19 S: 0.83 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#515151
H: 0 S: 0 L: 0.32
#b5b5b5
H: 0 S: 0 L: 0.71
#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#f2f2f2
H: 0 S: 0 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#d9b9aa
H: 19 S: 0.38 L: 0.76
#349bca
H: 199 S: 0.59 L: 0.5
#9a76e9
H: 259 S: 0.72 L: 0.69
#628023
H: 79 S: 0.57 L: 0.32
#dc5d22
H: 19 S: 0.73 L: 0.5
#afafaf
H: 0 S: 0 L: 0.69
#7f7f7f
H: 0 S: 0 L: 0.5
#515151
H: 0 S: 0 L: 0.32
#98d7f4
H: 199 S: 0.81 L: 0.78
#401d8a
H: 259 S: 0.65 L: 0.33
#75884e
H: 80 S: 0.27 L: 0.42
#dc5d22
H: 19 S: 0.73 L: 0.5
#8a401d
H: 19 S: 0.65 L: 0.33
#5d22dc
H: 259 S: 0.73 L: 0.5
#e3d4ce
H: 17 S: 0.27 L: 0.85
#d4835d
H: 19 S: 0.58 L: 0.6
#ecf4f8
H: 200 S: 0.46 L: 0.95
#5b1ce2
H: 259 S: 0.78 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#d1612d
H: 19 S: 0.65 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1ca0e2
H: 200 S: 0.78 L: 0.5
#fefbfa
H: 15 S: 0.67 L: 0.99
#4f4f4f
H: 0 S: 0 L: 0.31
#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#cca898
H: 18 S: 0.34 L: 0.7
#7b3413
H: 19 S: 0.73 L: 0.28
#ded2f8
H: 259 S: 0.73 L: 0.9
#24a0da
H: 199 S: 0.72 L: 0.5
#4920a0
H: 259 S: 0.67 L: 0.38
#d4ef99
H: 79 S: 0.73 L: 0.77
#c1673d
H: 19 S: 0.52 L: 0.5
#e8e0fa
H: 258 S: 0.72 L: 0.93
#7f7f7f
H: 0 S: 0 L: 0.5
#1a77a2
H: 199 S: 0.72 L: 0.37
#c4c4c4
H: 0 S: 0 L: 0.77
#22a1dc
H: 199 S: 0.73 L: 0.5
#a483eb
H: 259 S: 0.72 L: 0.72
#c5e976
H: 79 S: 0.72 L: 0.69
#dc5d22
H: 19 S: 0.73 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b7b7b7
H: 0 S: 0 L: 0.72
#e99e7b
H: 19 S: 0.71 L: 0.7
#c1e4f5
H: 200 S: 0.72 L: 0.86
#678c16
H: 79 S: 0.73 L: 0.32
#64bde6
H: 199 S: 0.72 L: 0.65
#5d22dc
H: 259 S: 0.73 L: 0.5
#c5e976
H: 79 S: 0.72 L: 0.69
#a34519
H: 19 S: 0.73 L: 0.37
#9bd321
H: 79 S: 0.73 L: 0.48
#5e5e5e
H: 0 S: 0 L: 0.37
#afafaf
H: 0 S: 0 L: 0.69
#1977a3
H: 199 S: 0.73 L: 0.37
#9b77e8
H: 259 S: 0.71 L: 0.69
#e8f5fb
H: 199 S: 0.7 L: 0.95
#5713eb
H: 259 S: 0.85 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#f2550c
H: 19 S: 0.91 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#c4663a
H: 19 S: 0.54 L: 0.5
#13a7eb
H: 199 S: 0.85 L: 0.5
#bde664
H: 79 S: 0.72 L: 0.65
#8c8c8c
H: 0 S: 0 L: 0.55
#4f91af
H: 199 S: 0.38 L: 0.5
#5b1de1
H: 259 S: 0.77 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#8d340b
H: 19 S: 0.86 L: 0.3
#bce2f4
H: 199 S: 0.72 L: 0.85
#7f7f7f
H: 0 S: 0 L: 0.5
#4c4c4c
H: 0 S: 0 L: 0.3
#dea286
H: 19 S: 0.57 L: 0.7
#e15b1d
H: 19 S: 0.77 L: 0.5
#34a9df
H: 199 S: 0.73 L: 0.54
#5d22dc
H: 259 S: 0.73 L: 0.5
#aaf30b
H: 79 S: 0.91 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#e1f3b8
H: 78 S: 0.71 L: 0.84
#648815
H: 79 S: 0.73 L: 0.31
#e0d3fc
H: 259 S: 0.87 L: 0.91
#d18460
H: 19 S: 0.55 L: 0.6
#36137f
H: 259 S: 0.74 L: 0.29
#30420a
H: 79 S: 0.74 L: 0.15
#22a1dc
H: 199 S: 0.73 L: 0.5
#5d22dc
H: 259 S: 0.73 L: 0.5
#a1dc22
H: 79 S: 0.73 L: 0.5
#dc5d22
H: 19 S: 0.73 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e0e0e0
H: 0 S: 0 L: 0.88
#4c4c4c
H: 0 S: 0 L: 0.3
#545454
H: 0 S: 0 L: 0.33
#f4f4f4
H: 0 S: 0 L: 0.96
#3a3a3a
H: 0 S: 0 L: 0.23
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.