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

#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5

Variants

#003166
H: 211 S: 1 L: 0.2
#006601
H: 121 S: 1 L: 0.2
#660064
H: 301 S: 1 L: 0.2
#663400
H: 31 S: 1 L: 0.2
#0c3159
H: 211 S: 0.76 L: 0.2
#0c590e
H: 122 S: 0.76 L: 0.2
#590c57
H: 302 S: 0.76 L: 0.2
#59340c
H: 31 S: 0.76 L: 0.2
#19324c
H: 211 S: 0.5 L: 0.2
#194c1a
H: 121 S: 0.5 L: 0.2
#4c194b
H: 301 S: 0.5 L: 0.2
#4c3319
H: 31 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#263f26
H: 120 S: 0.25 L: 0.2
#3f263f
H: 300 S: 0.25 L: 0.2
#3f3326
H: 31 S: 0.25 L: 0.2
#004c9e
H: 211 S: 1 L: 0.31
#009e02
H: 121 S: 1 L: 0.31
#9e009b
H: 301 S: 1 L: 0.31
#9e5100
H: 31 S: 1 L: 0.31
#134d8a
H: 211 S: 0.76 L: 0.31
#138a15
H: 121 S: 0.76 L: 0.31
#8a1388
H: 301 S: 0.76 L: 0.31
#8a5113
H: 31 S: 0.76 L: 0.31
#274d76
H: 211 S: 0.5 L: 0.31
#277628
H: 121 S: 0.5 L: 0.31
#762775
H: 301 S: 0.5 L: 0.31
#765027
H: 31 S: 0.5 L: 0.31
#3b4e62
H: 211 S: 0.25 L: 0.31
#3b623b
H: 120 S: 0.25 L: 0.31
#623b62
H: 300 S: 0.25 L: 0.31
#624f3b
H: 31 S: 0.25 L: 0.31
#0067d6
H: 211 S: 1 L: 0.42
#00d603
H: 121 S: 1 L: 0.42
#d600d2
H: 301 S: 1 L: 0.42
#d66e00
H: 31 S: 1 L: 0.42
#1a68bb
H: 211 S: 0.76 L: 0.42
#1abb1d
H: 121 S: 0.76 L: 0.42
#bb1ab8
H: 301 S: 0.76 L: 0.42
#bb6d1a
H: 31 S: 0.76 L: 0.42
#3569a0
H: 211 S: 0.5 L: 0.42
#35a037
H: 121 S: 0.5 L: 0.42
#a0359e
H: 301 S: 0.5 L: 0.42
#a06c35
H: 31 S: 0.5 L: 0.42
#506a85
H: 211 S: 0.25 L: 0.42
#508551
H: 121 S: 0.25 L: 0.42
#855084
H: 301 S: 0.25 L: 0.42
#856b50
H: 31 S: 0.25 L: 0.42
#0f83ff
H: 211 S: 1 L: 0.53
#0fff13
H: 121 S: 1 L: 0.53
#ff0ffb
H: 301 S: 1 L: 0.53
#ff8b0f
H: 31 S: 1 L: 0.53
#2d84e1
H: 211 S: 0.75 L: 0.53
#2de130
H: 121 S: 0.75 L: 0.53
#e12dde
H: 301 S: 0.75 L: 0.53
#e18a2d
H: 31 S: 0.75 L: 0.53
#4b85c3
H: 211 S: 0.5 L: 0.53
#4bc34d
H: 121 S: 0.5 L: 0.53
#c34bc1
H: 301 S: 0.5 L: 0.53
#c3894b
H: 31 S: 0.5 L: 0.53
#6986a5
H: 211 S: 0.25 L: 0.53
#69a56a
H: 121 S: 0.25 L: 0.53
#a569a4
H: 301 S: 0.25 L: 0.53
#a58869
H: 31 S: 0.25 L: 0.53
#47a0ff
H: 211 S: 1 L: 0.64
#47ff4a
H: 121 S: 1 L: 0.64
#ff47fb
H: 301 S: 1 L: 0.64
#ffa647
H: 31 S: 1 L: 0.64
#5ea0e8
H: 211 S: 0.75 L: 0.64
#5ee860
H: 121 S: 0.75 L: 0.64
#e85ee5
H: 301 S: 0.75 L: 0.64
#e8a55e
H: 31 S: 0.75 L: 0.64
#75a1d1
H: 211 S: 0.5 L: 0.64
#75d176
H: 121 S: 0.5 L: 0.64
#d175cf
H: 301 S: 0.5 L: 0.64
#d1a475
H: 31 S: 0.5 L: 0.64
#8ca2ba
H: 211 S: 0.25 L: 0.64
#8cba8d
H: 121 S: 0.25 L: 0.64
#ba8cb9
H: 301 S: 0.25 L: 0.64
#baa38c
H: 30 S: 0.25 L: 0.64
#7fbdff
H: 211 S: 1 L: 0.75
#7fff81
H: 121 S: 1 L: 0.75
#ff7ffc
H: 301 S: 1 L: 0.75
#ffc17f
H: 31 S: 1 L: 0.75
#8fbdef
H: 211 S: 0.75 L: 0.75
#8fef91
H: 121 S: 0.75 L: 0.75
#ef8fed
H: 301 S: 0.75 L: 0.75
#efc08f
H: 31 S: 0.75 L: 0.75
#9fbedf
H: 211 S: 0.5 L: 0.75
#9fdfa0
H: 121 S: 0.5 L: 0.75
#df9fde
H: 301 S: 0.5 L: 0.75
#dfc09f
H: 31 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#afcfaf
H: 120 S: 0.25 L: 0.75
#cfafce
H: 302 S: 0.25 L: 0.75
#cfbfaf
H: 30 S: 0.25 L: 0.75
#b7daff
H: 211 S: 1 L: 0.86
#b7ffb8
H: 121 S: 1 L: 0.86
#ffb7fd
H: 302 S: 1 L: 0.86
#ffdcb7
H: 31 S: 1 L: 0.86
#c0daf6
H: 211 S: 0.75 L: 0.86
#c0f6c1
H: 121 S: 0.75 L: 0.86
#f6c0f5
H: 301 S: 0.75 L: 0.86
#f6dcc0
H: 31 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#c9edca
H: 122 S: 0.5 L: 0.86
#edc9ec
H: 302 S: 0.5 L: 0.86
#eddbc9
H: 30 S: 0.5 L: 0.86
#d2dbe4
H: 210 S: 0.25 L: 0.86
#d2e4d2
H: 120 S: 0.25 L: 0.86
#e4d2e3
H: 303 S: 0.25 L: 0.86
#e4dbd2
H: 30 S: 0.25 L: 0.86
#eff7ff
H: 210 S: 1 L: 0.97
#efffef
H: 120 S: 1 L: 0.97
#ffeffe
H: 304 S: 1 L: 0.97
#fff7ef
H: 30 S: 1 L: 0.97
#f1f7fd
H: 210 S: 0.75 L: 0.97
#f1fdf1
H: 120 S: 0.75 L: 0.97
#fdf1fc
H: 305 S: 0.75 L: 0.97
#fdf7f1
H: 30 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
#fbf7f3
H: 30 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
#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
#c66905
H: 31 S: 0.95 L: 0.4
#ad681e
H: 31 S: 0.7 L: 0.4
#936738
H: 31 S: 0.45 L: 0.4
#d9842a
H: 31 S: 0.7 L: 0.51
#ba8349
H: 31 S: 0.45 L: 0.51
#e1a05a
H: 31 S: 0.69 L: 0.62
#c99f72
H: 31 S: 0.45 L: 0.62
#eabb89
H: 31 S: 0.7 L: 0.73
#d9bb9b
H: 31 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.

#627e9c
H: 211 S: 0.23 L: 0.5
#84ff86
H: 121 S: 1 L: 0.76
#dbb2da
H: 301 S: 0.36 L: 0.78
#866c4f
H: 32 S: 0.26 L: 0.42
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#337ccc
H: 211 S: 0.6 L: 0.5
#37db3a
H: 121 S: 0.69 L: 0.54
#bb43b9
H: 301 S: 0.47 L: 0.5
#d88226
H: 31 S: 0.7 L: 0.5
#007bff
H: 211 S: 1 L: 0.5
#86f288
H: 121 S: 0.81 L: 0.74
#f499f2
H: 301 S: 0.81 L: 0.78
#db7100
H: 31 S: 1 L: 0.43
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#933d91
H: 301 S: 0.41 L: 0.41
#f9b266
H: 31 S: 0.92 L: 0.69
#93b6db
H: 211 S: 0.5 L: 0.72
#0fff13
H: 121 S: 1 L: 0.53
#ce30cb
H: 301 S: 0.62 L: 0.5
#ff8605
H: 31 S: 1 L: 0.51
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#017bfd
H: 211 S: 0.99 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#d12dce
H: 301 S: 0.65 L: 0.5
#9a560d
H: 31 S: 0.84 L: 0.33
#7f7f7f
H: 0 S: 0 L: 0.5
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#51a5ff
H: 211 S: 1 L: 0.66
#46b848
H: 121 S: 0.45 L: 0.5
#9c629b
H: 301 S: 0.23 L: 0.5
#ad5900
H: 31 S: 1 L: 0.34
#e6b47e
H: 31 S: 0.68 L: 0.7
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#ce9a63
H: 31 S: 0.52 L: 0.6
#7f7f7f
H: 0 S: 0 L: 0.5
#007bff
H: 211 S: 1 L: 0.5
#3dff40
H: 121 S: 1 L: 0.62
#ac4daa
H: 301 S: 0.38 L: 0.49
#fd8301
H: 31 S: 0.99 L: 0.5
#bb9a76
H: 31 S: 0.34 L: 0.6
#a35400
H: 31 S: 1 L: 0.32
#007bff
H: 211 S: 1 L: 0.5
#e5ffe5
H: 120 S: 1 L: 0.95
#320032
H: 300 S: 1 L: 0.1
#cf822f
H: 31 S: 0.63 L: 0.5
#00ff00
H: 120 S: 1 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#2d92ff
H: 211 S: 1 L: 0.59
#1e9e20
H: 121 S: 0.68 L: 0.37
#c98bc8
H: 301 S: 0.36 L: 0.67
#ffc689
H: 31 S: 1 L: 0.77
#5e5e5e
H: 0 S: 0 L: 0.37
#969696
H: 0 S: 0 L: 0.59
#5a7ea4
H: 211 S: 0.29 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#f4c898
H: 31 S: 0.81 L: 0.78
#a45aa3
H: 301 S: 0.29 L: 0.5
#007bff
H: 211 S: 1 L: 0.5
#a4805a
H: 31 S: 0.29 L: 0.5
#007bff
H: 211 S: 1 L: 0.5
#32ff36
H: 121 S: 1 L: 0.6
#c100be
H: 301 S: 1 L: 0.38
#f88306
H: 31 S: 0.95 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#353535
H: 0 S: 0 L: 0.21
#bfbfbf
H: 0 S: 0 L: 0.75
#8ec5ff
H: 211 S: 1 L: 0.78
#019704
H: 121 S: 0.99 L: 0.3
#f608f2
H: 301 S: 0.94 L: 0.5
#bc6100
H: 31 S: 1 L: 0.37
#c9b39b
H: 31 S: 0.3 L: 0.7
#004998
H: 211 S: 1 L: 0.3
#0f83ff
H: 211 S: 1 L: 0.53
#527eac
H: 211 S: 0.35 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff23fb
H: 301 S: 1 L: 0.57
#ff8300
H: 31 S: 1 L: 0.5
#840082
H: 301 S: 1 L: 0.26
#c89a69
H: 31 S: 0.46 L: 0.6
#a3ffa4
H: 121 S: 1 L: 0.82
#357dc9
H: 211 S: 0.58 L: 0.5
#5bff5e
H: 121 S: 1 L: 0.68
#bc2dba
H: 301 S: 0.61 L: 0.46
#ffbe7a
H: 31 S: 1 L: 0.74
#d1ffd1
H: 120 S: 1 L: 0.91
#956736
H: 31 S: 0.47 L: 0.4
#d09a61
H: 31 S: 0.54 L: 0.6
#2dbc30
H: 121 S: 0.61 L: 0.46
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#fff2e5
H: 30 S: 1 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#320032
H: 300 S: 1 L: 0.1
#ca8234
H: 31 S: 0.59 L: 0.5
#317ccd
H: 211 S: 0.61 L: 0.5
#31e134
H: 121 S: 0.75 L: 0.54
#bd41bb
H: 301 S: 0.49 L: 0.5
#ea8314
H: 31 S: 0.84 L: 0.5
#d6b38e
H: 31 S: 0.47 L: 0.7
#81664a
H: 31 S: 0.27 L: 0.4
#7dec7f
H: 121 S: 0.74 L: 0.71
#a5caf2
H: 211 S: 0.75 L: 0.8
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#f9f2eb
H: 30 S: 0.54 L: 0.95
#320032
H: 300 S: 1 L: 0.1
#7f7f7f
H: 0 S: 0 L: 0.5
#c4813a
H: 31 S: 0.54 L: 0.5
#007bff
H: 211 S: 1 L: 0.5
#00ff04
H: 121 S: 1 L: 0.5
#ff00fa
H: 301 S: 1 L: 0.5
#ff8300
H: 31 S: 1 L: 0.5
#f6f2ee
H: 30 S: 0.31 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#320032
H: 300 S: 1 L: 0.1
#b88146
H: 31 S: 0.45 L: 0.5
#f4d9bc
H: 31 S: 0.72 L: 0.85
#007bff
H: 211 S: 1 L: 0.5
#08c30b
H: 121 S: 0.92 L: 0.4
#ff65fc
H: 301 S: 1 L: 0.7
#ff8300
H: 31 S: 1 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b2b2b2
H: 0 S: 0 L: 0.7
#6b6b6b
H: 0 S: 0 L: 0.42
#e2e2e2
H: 0 S: 0 L: 0.89
#0a0a0a
H: 0 S: 0 L: 0.04
#8ec5ff
H: 211 S: 1 L: 0.78
#96c997
H: 121 S: 0.32 L: 0.69
#ff00fa
H: 301 S: 1 L: 0.5
#ffad56
H: 31 S: 1 L: 0.67
#af681c
H: 31 S: 0.72 L: 0.4
#7f7f7f
H: 0 S: 0 L: 0.5
#deccb9
H: 31 S: 0.36 L: 0.8
#3a5572
H: 211 S: 0.33 L: 0.34
#eff7ff
H: 210 S: 1 L: 0.97
#007bff
H: 211 S: 1 L: 0.5
#62e365
H: 121 S: 0.7 L: 0.64
#ff00fa
H: 301 S: 1 L: 0.5
#cc6900
H: 31 S: 1 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#a3a3a3
H: 0 S: 0 L: 0.64
#00cc03
H: 121 S: 1 L: 0.4
#e3a562
H: 31 S: 0.7 L: 0.64
#cc00c8
H: 301 S: 1 L: 0.4
#0073ef
H: 211 S: 1 L: 0.47
#15e919
H: 121 S: 0.83 L: 0.5
#c661c4
H: 301 S: 0.47 L: 0.58
#ad5900
H: 31 S: 1 L: 0.34
#565656
H: 0 S: 0 L: 0.34
#7f7f7f
H: 0 S: 0 L: 0.5
#e8e8e8
H: 0 S: 0 L: 0.91
#c1c1c1
H: 0 S: 0 L: 0.76
#f9f9f9
H: 0 S: 0 L: 0.98
#c4c4c4
H: 0 S: 0 L: 0.77
#a2b9d1
H: 211 S: 0.34 L: 0.73
#00ff04
H: 121 S: 1 L: 0.5
#ff60fc
H: 301 S: 1 L: 0.69
#e1b483
H: 31 S: 0.61 L: 0.7
#f7ebde
H: 31 S: 0.61 L: 0.92
#7f7f7f
H: 0 S: 0 L: 0.5
#a450a2
H: 301 S: 0.34 L: 0.48
#e000dc
H: 301 S: 1 L: 0.44
#60adff
H: 211 S: 1 L: 0.69
#ff8300
H: 31 S: 1 L: 0.5
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.