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

#235fa8
H: 213 S: 0.66 L: 0.4
#23a82a
H: 123 S: 0.66 L: 0.4
#a823a1
H: 303 S: 0.66 L: 0.4

Variants

#002d66
H: 214 S: 1 L: 0.2
#006605
H: 123 S: 1 L: 0.2
#660060
H: 304 S: 1 L: 0.2
#0c2f59
H: 213 S: 0.76 L: 0.2
#0c5910
H: 123 S: 0.76 L: 0.2
#590c55
H: 303 S: 0.76 L: 0.2
#19304c
H: 213 S: 0.5 L: 0.2
#194c1c
H: 124 S: 0.5 L: 0.2
#4c1949
H: 304 S: 0.5 L: 0.2
#26313f
H: 214 S: 0.25 L: 0.2
#263f27
H: 122 S: 0.25 L: 0.2
#3f263e
H: 302 S: 0.25 L: 0.2
#00479e
H: 213 S: 1 L: 0.31
#009e07
H: 123 S: 1 L: 0.31
#9e0096
H: 303 S: 1 L: 0.31
#13498a
H: 213 S: 0.76 L: 0.31
#138a19
H: 123 S: 0.76 L: 0.31
#8a1384
H: 303 S: 0.76 L: 0.31
#274b76
H: 213 S: 0.5 L: 0.31
#27762b
H: 123 S: 0.5 L: 0.31
#762772
H: 303 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#3b623d
H: 123 S: 0.25 L: 0.31
#623b60
H: 303 S: 0.25 L: 0.31
#0060d6
H: 213 S: 1 L: 0.42
#00d60a
H: 123 S: 1 L: 0.42
#d600cb
H: 303 S: 1 L: 0.42
#1a63bb
H: 213 S: 0.76 L: 0.42
#1abb22
H: 123 S: 0.76 L: 0.42
#bb1ab3
H: 303 S: 0.76 L: 0.42
#3565a0
H: 213 S: 0.5 L: 0.42
#35a03a
H: 123 S: 0.5 L: 0.42
#a0359b
H: 303 S: 0.5 L: 0.42
#506885
H: 213 S: 0.25 L: 0.42
#508553
H: 123 S: 0.25 L: 0.42
#855083
H: 302 S: 0.25 L: 0.42
#0f7bff
H: 213 S: 1 L: 0.53
#0fff1b
H: 123 S: 1 L: 0.53
#ff0ff3
H: 303 S: 1 L: 0.53
#2d7ee1
H: 213 S: 0.75 L: 0.53
#2de136
H: 123 S: 0.75 L: 0.53
#e12dd8
H: 303 S: 0.75 L: 0.53
#4b81c3
H: 213 S: 0.5 L: 0.53
#4bc351
H: 123 S: 0.5 L: 0.53
#c34bbd
H: 303 S: 0.5 L: 0.53
#6984a5
H: 213 S: 0.25 L: 0.53
#69a56c
H: 123 S: 0.25 L: 0.53
#a569a2
H: 303 S: 0.25 L: 0.53
#479aff
H: 213 S: 1 L: 0.64
#47ff50
H: 123 S: 1 L: 0.64
#ff47f5
H: 303 S: 1 L: 0.64
#5e9ce8
H: 213 S: 0.75 L: 0.64
#5ee865
H: 123 S: 0.75 L: 0.64
#e85ee1
H: 303 S: 0.75 L: 0.64
#759ed1
H: 213 S: 0.5 L: 0.64
#75d179
H: 123 S: 0.5 L: 0.64
#d175cc
H: 303 S: 0.5 L: 0.64
#8ca0ba
H: 214 S: 0.25 L: 0.64
#8cba8e
H: 123 S: 0.25 L: 0.64
#ba8cb7
H: 304 S: 0.25 L: 0.64
#7fb8ff
H: 213 S: 1 L: 0.75
#7fff85
H: 123 S: 1 L: 0.75
#ff7ff8
H: 303 S: 1 L: 0.75
#8fbaef
H: 213 S: 0.75 L: 0.75
#8fef94
H: 123 S: 0.75 L: 0.75
#ef8fea
H: 303 S: 0.75 L: 0.75
#9fbcdf
H: 213 S: 0.5 L: 0.75
#9fdfa2
H: 123 S: 0.5 L: 0.75
#df9fdb
H: 304 S: 0.5 L: 0.75
#afbdcf
H: 214 S: 0.25 L: 0.75
#afcfb0
H: 122 S: 0.25 L: 0.75
#cfafcd
H: 304 S: 0.25 L: 0.75
#b7d7ff
H: 213 S: 1 L: 0.86
#b7ffbb
H: 123 S: 1 L: 0.86
#ffb7fb
H: 303 S: 1 L: 0.86
#c0d8f6
H: 213 S: 0.75 L: 0.86
#c0f6c3
H: 123 S: 0.75 L: 0.86
#f6c0f3
H: 303 S: 0.75 L: 0.86
#c9d9ed
H: 213 S: 0.5 L: 0.86
#c9edcb
H: 123 S: 0.5 L: 0.86
#edc9eb
H: 303 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#d2e4d3
H: 123 S: 0.25 L: 0.86
#e4d2e3
H: 303 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#effff0
H: 124 S: 1 L: 0.97
#ffeffe
H: 304 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f1fdf2
H: 125 S: 0.75 L: 0.97
#fdf1fc
H: 305 S: 0.75 L: 0.97
#f3f6fb
H: 218 S: 0.5 L: 0.97
#f3fbf3
H: 120 S: 0.5 L: 0.97
#fbf3fa
H: 308 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
#c66f05
H: 33 S: 0.95 L: 0.4
#ad6d1e
H: 33 S: 0.7 L: 0.4
#936a38
H: 33 S: 0.45 L: 0.4
#d98a2a
H: 33 S: 0.7 L: 0.51
#ba8749
H: 33 S: 0.45 L: 0.51
#e1a45a
H: 33 S: 0.69 L: 0.62
#c9a272
H: 33 S: 0.45 L: 0.62
#eabe89
H: 33 S: 0.7 L: 0.73
#d9bd9b
H: 33 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.

#3477ca
H: 213 S: 0.59 L: 0.5
#2bd333
H: 123 S: 0.66 L: 0.5
#b24cad
H: 303 S: 0.4 L: 0.5
#a1c3eb
H: 212 S: 0.65 L: 0.78
#22a929
H: 123 S: 0.67 L: 0.4
#f28ced
H: 303 S: 0.8 L: 0.75
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#125db9
H: 213 S: 0.82 L: 0.4
#29a22f
H: 123 S: 0.6 L: 0.4
#d638ce
H: 303 S: 0.66 L: 0.53
#ebb879
H: 33 S: 0.74 L: 0.7
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#225fa9
H: 213 S: 0.67 L: 0.4
#23ad2a
H: 123 S: 0.66 L: 0.41
#bc80b9
H: 303 S: 0.31 L: 0.62
#db9f56
H: 33 S: 0.65 L: 0.6
#225fa9
H: 213 S: 0.67 L: 0.4
#0e8f14
H: 123 S: 0.82 L: 0.31
#b912b1
H: 303 S: 0.82 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#6fa9f0
H: 213 S: 0.81 L: 0.69
#4d8cda
H: 213 S: 0.66 L: 0.58
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#939393
H: 0 S: 0 L: 0.58
#225fa9
H: 213 S: 0.67 L: 0.4
#55dc5c
H: 123 S: 0.66 L: 0.6
#a922a2
H: 303 S: 0.67 L: 0.4
#999999
H: 0 S: 0 L: 0.6
#21aa28
H: 123 S: 0.67 L: 0.4
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#ce8730
H: 33 S: 0.62 L: 0.5
#876944
H: 33 S: 0.33 L: 0.4
#276dc2
H: 213 S: 0.67 L: 0.46
#55dc5c
H: 123 S: 0.66 L: 0.6
#e16fdb
H: 303 S: 0.66 L: 0.66
#c326bc
H: 303 S: 0.67 L: 0.46
#b39b7e
H: 33 S: 0.26 L: 0.6
#209c26
H: 123 S: 0.66 L: 0.37
#6a9fe0
H: 213 S: 0.66 L: 0.65
#22a929
H: 123 S: 0.67 L: 0.4
#e890e4
H: 303 S: 0.66 L: 0.74
#bcbcbc
H: 0 S: 0 L: 0.74
#e5f9e6
H: 123 S: 0.63 L: 0.94
#666666
H: 0 S: 0 L: 0.4
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#e5b77f
H: 33 S: 0.66 L: 0.7
#a46c27
H: 33 S: 0.62 L: 0.4
#fafcfe
H: 210 S: 0.67 L: 0.99
#4d7ab1
H: 213 S: 0.39 L: 0.5
#2bd333
H: 123 S: 0.66 L: 0.5
#b14dac
H: 303 S: 0.39 L: 0.5
#edf1f7
H: 216 S: 0.38 L: 0.95
#d78827
H: 33 S: 0.69 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#225fa9
H: 213 S: 0.67 L: 0.4
#24a72b
H: 123 S: 0.65 L: 0.4
#d0b8ce
H: 305 S: 0.2 L: 0.77
#a8239d
H: 305 S: 0.66 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#102f55
H: 213 S: 0.68 L: 0.2
#478ada
H: 213 S: 0.67 L: 0.57
#557ba9
H: 213 S: 0.33 L: 0.5
#2bd333
H: 123 S: 0.66 L: 0.5
#fae9f9
H: 304 S: 0.63 L: 0.95
#cd8731
H: 33 S: 0.61 L: 0.5
#cf2fc5
H: 304 S: 0.63 L: 0.5
#a955a3
H: 304 S: 0.33 L: 0.5
#55a959
H: 123 S: 0.33 L: 0.5
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#232323
H: 0 S: 0 L: 0.14
#cecece
H: 0 S: 0 L: 0.81
#4c4c4c
H: 0 S: 0 L: 0.3
#889bb3
H: 213 S: 0.22 L: 0.62
#5ede64
H: 123 S: 0.66 L: 0.62
#871b82
H: 303 S: 0.67 L: 0.32
#bb6e10
H: 33 S: 0.84 L: 0.4
#515151
H: 0 S: 0 L: 0.32
#e4ceb3
H: 33 S: 0.48 L: 0.8
#12345d
H: 213 S: 0.68 L: 0.22
#275fa4
H: 213 S: 0.62 L: 0.4
#a1eba5
H: 123 S: 0.65 L: 0.78
#d32bcb
H: 303 S: 0.66 L: 0.5
#a2c3eb
H: 213 S: 0.65 L: 0.78
#518dd6
H: 213 S: 0.62 L: 0.58
#d4b590
H: 33 S: 0.44 L: 0.7
#2bd333
H: 123 S: 0.66 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#7a7a7a
H: 0 S: 0 L: 0.48
#191919
H: 0 S: 0 L: 0.1
#c9c9c9
H: 0 S: 0 L: 0.79
#a3a3a3
H: 0 S: 0 L: 0.64
#417bc3
H: 213 S: 0.52 L: 0.51
#22a929
H: 123 S: 0.67 L: 0.4
#d73ccf
H: 303 S: 0.66 L: 0.54
#1a4c88
H: 213 S: 0.68 L: 0.32
#e5f9e6
H: 123 S: 0.63 L: 0.94
#976a34
H: 33 S: 0.49 L: 0.4
#7f197a
H: 303 S: 0.67 L: 0.3
#e8a049
H: 33 S: 0.78 L: 0.6
#3b6190
H: 213 S: 0.42 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#9a0892
H: 303 S: 0.9 L: 0.32
#baf1bd
H: 123 S: 0.66 L: 0.84
#b549af
H: 303 S: 0.43 L: 0.5
#515151
H: 0 S: 0 L: 0.32
#83b0e6
H: 213 S: 0.66 L: 0.71
#eed7ed
H: 303 S: 0.4 L: 0.89
#8799af
H: 213 S: 0.2 L: 0.61
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#50dc57
H: 123 S: 0.67 L: 0.59
#d7dde4
H: 212 S: 0.19 L: 0.87
#ffffff
H: 0 S: 0 L: 1
#215faa
H: 213 S: 0.67 L: 0.4
#eca1e8
H: 303 S: 0.66 L: 0.78
#82b2ec
H: 213 S: 0.74 L: 0.72
#27be2e
H: 123 S: 0.66 L: 0.45
#a922a2
H: 303 S: 0.67 L: 0.4
#82ec88
H: 123 S: 0.74 L: 0.72
#e990e4
H: 303 S: 0.67 L: 0.74
#666666
H: 0 S: 0 L: 0.4
#a3835b
H: 33 S: 0.28 L: 0.5
#215faa
H: 213 S: 0.67 L: 0.4
#b7b7b7
H: 0 S: 0 L: 0.72
#225fa9
H: 213 S: 0.67 L: 0.4
#22a929
H: 123 S: 0.67 L: 0.4
#a922a2
H: 303 S: 0.67 L: 0.4
#cd8731
H: 33 S: 0.61 L: 0.5
#ffffff
H: 0 S: 0 L: 1
#e7b77d
H: 33 S: 0.69 L: 0.7
#8c693f
H: 33 S: 0.38 L: 0.4
#a1eca5
H: 123 S: 0.66 L: 0.78
#0f4c12
H: 123 S: 0.67 L: 0.18
#225fa9
H: 213 S: 0.67 L: 0.4
#7be480
H: 123 S: 0.66 L: 0.69
#eca6e9
H: 303 S: 0.65 L: 0.79
#dacdbd
H: 33 S: 0.28 L: 0.8
#8e6a3d
H: 33 S: 0.4 L: 0.4
#3b0c38
H: 304 S: 0.66 L: 0.14
#cc8733
H: 33 S: 0.6 L: 0.5
#b39b7e
H: 33 S: 0.26 L: 0.6
#163d6e
H: 213 S: 0.67 L: 0.26
#276dc2
H: 213 S: 0.67 L: 0.46
#b6dcb8
H: 123 S: 0.35 L: 0.79
#a922a2
H: 303 S: 0.67 L: 0.4
#bc6e0f
H: 33 S: 0.85 L: 0.4
#b39b7e
H: 33 S: 0.26 L: 0.6
#21aa28
H: 123 S: 0.67 L: 0.4
#eaeff5
H: 213 S: 0.35 L: 0.94
#113159
H: 213 S: 0.68 L: 0.21
#b96eb5
H: 303 S: 0.35 L: 0.58
#8a6941
H: 33 S: 0.36 L: 0.4
#3578c9
H: 213 S: 0.58 L: 0.5
#27d730
H: 123 S: 0.69 L: 0.5
#b14dac
H: 303 S: 0.39 L: 0.5
#f7f2ec
H: 33 S: 0.41 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#d1872d
H: 33 S: 0.65 L: 0.5
#707070
H: 0 S: 0 L: 0.44
#d727ce
H: 303 S: 0.69 L: 0.5
#d934d1
H: 303 S: 0.68 L: 0.53
#1b150c
H: 36 S: 0.38 L: 0.08
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.