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

#3356cc
H: 226 S: 0.6 L: 0.5
#33a3cc
H: 196 S: 0.6 L: 0.5
#5b33cc
H: 256 S: 0.6 L: 0.5

Variants

#001766
H: 226 S: 1 L: 0.2
#004a66
H: 196 S: 1 L: 0.2
#1b0066
H: 256 S: 1 L: 0.2
#0c1e59
H: 226 S: 0.76 L: 0.2
#0c4459
H: 196 S: 0.76 L: 0.2
#210c59
H: 256 S: 0.76 L: 0.2
#19254c
H: 226 S: 0.5 L: 0.2
#193e4c
H: 196 S: 0.5 L: 0.2
#27194c
H: 256 S: 0.5 L: 0.2
#262c3f
H: 226 S: 0.25 L: 0.2
#26383f
H: 197 S: 0.25 L: 0.2
#2d263f
H: 257 S: 0.25 L: 0.2
#00249e
H: 226 S: 1 L: 0.31
#00739e
H: 196 S: 1 L: 0.31
#2a009e
H: 256 S: 1 L: 0.31
#132f8a
H: 226 S: 0.76 L: 0.31
#136a8a
H: 196 S: 0.76 L: 0.31
#33138a
H: 256 S: 0.76 L: 0.31
#273976
H: 226 S: 0.5 L: 0.31
#276176
H: 196 S: 0.5 L: 0.31
#3c2776
H: 256 S: 0.5 L: 0.31
#3b4462
H: 226 S: 0.25 L: 0.31
#3b5862
H: 195 S: 0.25 L: 0.31
#453b62
H: 255 S: 0.25 L: 0.31
#0031d6
H: 226 S: 1 L: 0.42
#009dd6
H: 196 S: 1 L: 0.42
#3900d6
H: 256 S: 1 L: 0.42
#1a40bb
H: 226 S: 0.76 L: 0.42
#1a90bb
H: 196 S: 0.76 L: 0.42
#451abb
H: 256 S: 0.76 L: 0.42
#354ea0
H: 226 S: 0.5 L: 0.42
#3584a0
H: 196 S: 0.5 L: 0.42
#5235a0
H: 256 S: 0.5 L: 0.42
#505c85
H: 226 S: 0.25 L: 0.42
#507785
H: 196 S: 0.25 L: 0.42
#5e5085
H: 256 S: 0.25 L: 0.42
#0f47ff
H: 226 S: 1 L: 0.53
#0fbfff
H: 196 S: 1 L: 0.53
#4f0fff
H: 256 S: 1 L: 0.53
#2d57e1
H: 226 S: 0.75 L: 0.53
#2db1e1
H: 196 S: 0.75 L: 0.53
#5d2de1
H: 256 S: 0.75 L: 0.53
#4b67c3
H: 226 S: 0.5 L: 0.53
#4ba3c3
H: 196 S: 0.5 L: 0.53
#6b4bc3
H: 256 S: 0.5 L: 0.53
#6977a5
H: 226 S: 0.25 L: 0.53
#6995a5
H: 196 S: 0.25 L: 0.53
#7969a5
H: 256 S: 0.25 L: 0.53
#4772ff
H: 226 S: 1 L: 0.64
#47ceff
H: 196 S: 1 L: 0.64
#7847ff
H: 256 S: 1 L: 0.64
#5e7ee8
H: 226 S: 0.75 L: 0.64
#5ec3e8
H: 196 S: 0.75 L: 0.64
#835ee8
H: 256 S: 0.75 L: 0.64
#758ad1
H: 226 S: 0.5 L: 0.64
#75b8d1
H: 196 S: 0.5 L: 0.64
#8d75d1
H: 256 S: 0.5 L: 0.64
#8c96ba
H: 227 S: 0.25 L: 0.64
#8cadba
H: 197 S: 0.25 L: 0.64
#988cba
H: 256 S: 0.25 L: 0.64
#7f9dff
H: 226 S: 1 L: 0.75
#7fddff
H: 196 S: 1 L: 0.75
#a17fff
H: 256 S: 1 L: 0.75
#8fa5ef
H: 226 S: 0.75 L: 0.75
#8fd5ef
H: 196 S: 0.75 L: 0.75
#a88fef
H: 256 S: 0.75 L: 0.75
#9faedf
H: 226 S: 0.5 L: 0.75
#9fcedf
H: 196 S: 0.5 L: 0.75
#b09fdf
H: 256 S: 0.5 L: 0.75
#afb6cf
H: 227 S: 0.25 L: 0.75
#afc6cf
H: 197 S: 0.25 L: 0.75
#b7afcf
H: 255 S: 0.25 L: 0.75
#b7c8ff
H: 226 S: 1 L: 0.86
#b7ebff
H: 197 S: 1 L: 0.86
#cab7ff
H: 256 S: 1 L: 0.86
#c0cdf6
H: 226 S: 0.75 L: 0.86
#c0e7f6
H: 197 S: 0.75 L: 0.86
#cec0f6
H: 256 S: 0.75 L: 0.86
#c9d1ed
H: 227 S: 0.5 L: 0.86
#c9e3ed
H: 197 S: 0.5 L: 0.86
#d2c9ed
H: 255 S: 0.5 L: 0.86
#d2d6e4
H: 227 S: 0.25 L: 0.86
#d2dfe4
H: 197 S: 0.25 L: 0.86
#d7d2e4
H: 257 S: 0.25 L: 0.86
#eff3ff
H: 225 S: 1 L: 0.97
#effaff
H: 199 S: 1 L: 0.97
#f3efff
H: 255 S: 1 L: 0.97
#f1f4fd
H: 225 S: 0.75 L: 0.97
#f1fafd
H: 195 S: 0.75 L: 0.97
#f4f1fd
H: 255 S: 0.75 L: 0.97
#f3f5fb
H: 225 S: 0.5 L: 0.97
#f3f9fb
H: 195 S: 0.5 L: 0.97
#f5f3fb
H: 255 S: 0.5 L: 0.97
#f5f6f9
H: 225 S: 0.25 L: 0.97
#f5f8f9
H: 195 S: 0.25 L: 0.97
#f6f5f9
H: 255 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
#c63805
H: 16 S: 0.95 L: 0.4
#ad441e
H: 16 S: 0.7 L: 0.4
#935038
H: 16 S: 0.45 L: 0.4
#d9592a
H: 16 S: 0.7 L: 0.51
#ba6749
H: 16 S: 0.45 L: 0.51
#e17e5a
H: 16 S: 0.69 L: 0.62
#c98972
H: 16 S: 0.45 L: 0.62
#eaa389
H: 16 S: 0.7 L: 0.73
#d9ab9b
H: 15 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.

#eaeef9
H: 224 S: 0.56 L: 0.95
#4c97b2
H: 196 S: 0.4 L: 0.5
#5b33cc
H: 256 S: 0.6 L: 0.5
#3356cc
H: 226 S: 0.6 L: 0.5
#4b97b3
H: 196 S: 0.41 L: 0.5
#896cda
H: 256 S: 0.6 L: 0.64
#3356cc
H: 226 S: 0.6 L: 0.5
#19afe5
H: 196 S: 0.8 L: 0.5
#705f9f
H: 256 S: 0.25 L: 0.5
#5e6da0
H: 226 S: 0.26 L: 0.5
#74d3f5
H: 196 S: 0.87 L: 0.71
#4401fd
H: 256 S: 0.99 L: 0.5
#b5b5b5
H: 0 S: 0 L: 0.71
#6c85da
H: 226 S: 0.6 L: 0.64
#8ccbe2
H: 196 S: 0.6 L: 0.72
#513a91
H: 256 S: 0.43 L: 0.4
#b7b7b7
H: 0 S: 0 L: 0.72
#414e7b
H: 227 S: 0.31 L: 0.37
#2a9fc9
H: 196 S: 0.65 L: 0.48
#7545fc
H: 256 S: 0.97 L: 0.63
#bc3d0f
H: 16 S: 0.85 L: 0.4
#4e5f97
H: 226 S: 0.32 L: 0.45
#3a9fc4
H: 196 S: 0.54 L: 0.5
#440ed6
H: 256 S: 0.88 L: 0.45
#91513a
H: 16 S: 0.43 L: 0.4
#3356cc
H: 226 S: 0.6 L: 0.5
#436e7d
H: 196 S: 0.3 L: 0.38
#9d8bce
H: 256 S: 0.41 L: 0.68
#c9c9c9
H: 0 S: 0 L: 0.79
#5b5b5b
H: 0 S: 0 L: 0.36
#3356cc
H: 226 S: 0.6 L: 0.5
#80c6df
H: 196 S: 0.6 L: 0.69
#501ae4
H: 256 S: 0.8 L: 0.5
#e6bfb1
H: 16 S: 0.51 L: 0.8
#c53906
H: 16 S: 0.94 L: 0.4
#3356cc
H: 226 S: 0.6 L: 0.5
#33a3cc
H: 196 S: 0.6 L: 0.5
#5b33cc
H: 256 S: 0.6 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#a3a3a3
H: 0 S: 0 L: 0.64
#1446ea
H: 226 S: 0.84 L: 0.5
#33a3cc
H: 196 S: 0.6 L: 0.5
#45269b
H: 256 S: 0.61 L: 0.38
#7f7f7f
H: 0 S: 0 L: 0.5
#1c1c1c
H: 0 S: 0 L: 0.11
#1442db
H: 226 S: 0.83 L: 0.47
#80c6df
H: 196 S: 0.6 L: 0.69
#7c5bd6
H: 256 S: 0.6 L: 0.6
#ab4520
H: 16 S: 0.68 L: 0.4
#df7852
H: 16 S: 0.69 L: 0.6
#f8f6fc
H: 260 S: 0.5 L: 0.98
#3356cc
H: 226 S: 0.6 L: 0.5
#eaf5f9
H: 196 S: 0.56 L: 0.95
#72639b
H: 256 S: 0.22 L: 0.5
#cc5b33
H: 16 S: 0.6 L: 0.5
#f74707
H: 16 S: 0.94 L: 0.5
#fdfbfb
H: 0 S: 0.33 L: 0.99
#3d5cc1
H: 226 S: 0.52 L: 0.5
#addaea
H: 196 S: 0.59 L: 0.8
#946ffa
H: 256 S: 0.93 L: 0.71
#7f7f7f
H: 0 S: 0 L: 0.5
#686868
H: 0 S: 0 L: 0.41
#050505
H: 0 S: 0 L: 0.02
#637fd8
H: 226 S: 0.6 L: 0.62
#a2c1cc
H: 196 S: 0.29 L: 0.72
#705ea0
H: 256 S: 0.26 L: 0.5
#191919
H: 0 S: 0 L: 0.1
#0c0c0c
H: 0 S: 0 L: 0.05
#919191
H: 0 S: 0 L: 0.57
#4b6ad2
H: 226 S: 0.6 L: 0.56
#0bb5f3
H: 196 S: 0.91 L: 0.5
#967cde
H: 256 S: 0.6 L: 0.68
#dac5bd
H: 17 S: 0.28 L: 0.8
#a36e5b
H: 16 S: 0.28 L: 0.5
#ffffff
H: 0 S: 0 L: 1
#331c72
H: 256 S: 0.61 L: 0.28
#1142e3
H: 226 S: 0.86 L: 0.48
#01bafd
H: 196 S: 0.99 L: 0.5
#542ebb
H: 256 S: 0.61 L: 0.46
#7a7a7a
H: 0 S: 0 L: 0.48
#f9f9f9
H: 0 S: 0 L: 0.98
#4f4f4f
H: 0 S: 0 L: 0.31
#6b6b6b
H: 0 S: 0 L: 0.42
#3356cc
H: 226 S: 0.6 L: 0.5
#33a3cc
H: 196 S: 0.6 L: 0.5
#5b33cc
H: 256 S: 0.6 L: 0.5
#174b5d
H: 195 S: 0.6 L: 0.23
#cd5b31
H: 16 S: 0.61 L: 0.5
#e3c1b4
H: 17 S: 0.46 L: 0.8
#825849
H: 16 S: 0.28 L: 0.4
#eaeef9
H: 224 S: 0.56 L: 0.95
#36a1c8
H: 196 S: 0.57 L: 0.5
#572ad4
H: 256 S: 0.67 L: 0.5
#d2582c
H: 16 S: 0.65 L: 0.5
#a56d59
H: 16 S: 0.3 L: 0.5
#f3f5fb
H: 225 S: 0.5 L: 0.97
#683fd9
H: 256 S: 0.67 L: 0.55
#7a93e4
H: 226 S: 0.66 L: 0.69
#26b4e8
H: 196 S: 0.81 L: 0.53
#4b19d6
H: 256 S: 0.79 L: 0.47
#afafaf
H: 0 S: 0 L: 0.69
#878787
H: 0 S: 0 L: 0.53
#de9d86
H: 16 S: 0.57 L: 0.7
#a96b55
H: 16 S: 0.33 L: 0.5
#143ec6
H: 226 S: 0.82 L: 0.43
#3e5cc0
H: 226 S: 0.51 L: 0.5
#0f92c1
H: 196 S: 0.86 L: 0.41
#8864eb
H: 256 S: 0.77 L: 0.66
#7f7f7f
H: 0 S: 0 L: 0.5
#a8a8a8
H: 0 S: 0 L: 0.66
#848484
H: 0 S: 0 L: 0.52
#999999
H: 0 S: 0 L: 0.6
#636363
H: 0 S: 0 L: 0.39
#3356cc
H: 226 S: 0.6 L: 0.5
#eaf5f9
H: 196 S: 0.56 L: 0.95
#4b0fef
H: 256 S: 0.88 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#cc5b33
H: 16 S: 0.6 L: 0.5
#0fb3ef
H: 196 S: 0.88 L: 0.5
#99604b
H: 16 S: 0.34 L: 0.45
#565656
H: 0 S: 0 L: 0.34
#3356cc
H: 226 S: 0.6 L: 0.5
#4baed2
H: 196 S: 0.6 L: 0.56
#4624a2
H: 256 S: 0.64 L: 0.39
#91513a
H: 16 S: 0.43 L: 0.4
#1b2e6e
H: 226 S: 0.61 L: 0.27
#f6fbfc
H: 190 S: 0.5 L: 0.98
#d9a08b
H: 16 S: 0.51 L: 0.7
#96a9e8
H: 226 S: 0.64 L: 0.75
#3b68fc
H: 226 S: 0.97 L: 0.61
#4fb0d3
H: 196 S: 0.6 L: 0.57
#2d0796
H: 256 S: 0.91 L: 0.31
#974e34
H: 16 S: 0.49 L: 0.4
#db9f89
H: 16 S: 0.53 L: 0.7
#85daf9
H: 196 S: 0.91 L: 0.75
#e3764e
H: 16 S: 0.73 L: 0.6
#724fd3
H: 256 S: 0.6 L: 0.57
#eef1fa
H: 225 S: 0.55 L: 0.96
#5371d4
H: 226 S: 0.6 L: 0.58
#70bedb
H: 196 S: 0.6 L: 0.65
#2e079b
H: 256 S: 0.91 L: 0.32
#bf613f
H: 16 S: 0.5 L: 0.5
#e7bfb0
H: 16 S: 0.53 L: 0.8
#ef4b0f
H: 16 S: 0.88 L: 0.5
#07749b
H: 196 S: 0.91 L: 0.32
#f6f8fc
H: 220 S: 0.5 L: 0.98
#0938d1
H: 226 S: 0.92 L: 0.43
#1a3cac
H: 226 S: 0.74 L: 0.39
#628d9c
H: 196 S: 0.23 L: 0.5
#490cf2
H: 256 S: 0.91 L: 0.5
#636363
H: 0 S: 0 L: 0.39
#191919
H: 0 S: 0 L: 0.1
#bababa
H: 0 S: 0 L: 0.73
#383838
H: 0 S: 0 L: 0.22
#adadad
H: 0 S: 0 L: 0.68
#515151
H: 0 S: 0 L: 0.32
#e5ebfe
H: 226 S: 0.93 L: 0.95
#33a3cc
H: 196 S: 0.6 L: 0.5
#5b33cc
H: 256 S: 0.6 L: 0.5
#a56d59
H: 16 S: 0.3 L: 0.5
#08b6f6
H: 196 S: 0.94 L: 0.5
#d75627
H: 16 S: 0.69 L: 0.5
#4808f6
H: 256 S: 0.94 L: 0.5
#0840f6
H: 226 S: 0.94 L: 0.5
#661e04
H: 16 S: 0.92 L: 0.21
#90a4e3
H: 226 S: 0.6 L: 0.73
#33a3cc
H: 196 S: 0.6 L: 0.5
#7957d5
H: 256 S: 0.6 L: 0.59
#bababa
H: 0 S: 0 L: 0.73
#7f7f7f
H: 0 S: 0 L: 0.5
#bfbfbf
H: 0 S: 0 L: 0.75
#c6c6c6
H: 0 S: 0 L: 0.78
#444444
H: 0 S: 0 L: 0.27
#c1c1c1
H: 0 S: 0 L: 0.76
#777777
H: 0 S: 0 L: 0.47
#e6ebfd
H: 227 S: 0.85 L: 0.95
#33a3cc
H: 196 S: 0.6 L: 0.5
#490cf2
H: 256 S: 0.91 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1342eb
H: 227 S: 0.85 L: 0.5
#ba6444
H: 16 S: 0.46 L: 0.5
#545454
H: 0 S: 0 L: 0.33
#e4501a
H: 16 S: 0.8 L: 0.5
#211249
H: 256 S: 0.6 L: 0.18
#e2e2e2
H: 0 S: 0 L: 0.89
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.