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

#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4

Variants

#004766
H: 198 S: 1 L: 0.2
#476600
H: 78 S: 1 L: 0.2
#660047
H: 318 S: 1 L: 0.2
#0c4259
H: 198 S: 0.76 L: 0.2
#42590c
H: 78 S: 0.76 L: 0.2
#590c42
H: 318 S: 0.76 L: 0.2
#193d4c
H: 198 S: 0.5 L: 0.2
#3d4c19
H: 78 S: 0.5 L: 0.2
#4c193d
H: 318 S: 0.5 L: 0.2
#26383f
H: 197 S: 0.25 L: 0.2
#383f26
H: 77 S: 0.25 L: 0.2
#3f2638
H: 317 S: 0.25 L: 0.2
#006e9e
H: 198 S: 1 L: 0.31
#6e9e00
H: 78 S: 1 L: 0.31
#9e006e
H: 318 S: 1 L: 0.31
#13668a
H: 198 S: 0.76 L: 0.31
#668a13
H: 78 S: 0.76 L: 0.31
#8a1366
H: 318 S: 0.76 L: 0.31
#275e76
H: 198 S: 0.5 L: 0.31
#5e7627
H: 78 S: 0.5 L: 0.31
#76275e
H: 318 S: 0.5 L: 0.31
#3b5662
H: 198 S: 0.25 L: 0.31
#56623b
H: 78 S: 0.25 L: 0.31
#623b56
H: 318 S: 0.25 L: 0.31
#0095d6
H: 198 S: 1 L: 0.42
#95d600
H: 78 S: 1 L: 0.42
#d60095
H: 318 S: 1 L: 0.42
#1a8bbb
H: 198 S: 0.76 L: 0.42
#8bbb1a
H: 78 S: 0.76 L: 0.42
#bb1a8b
H: 318 S: 0.76 L: 0.42
#3580a0
H: 198 S: 0.5 L: 0.42
#80a035
H: 78 S: 0.5 L: 0.42
#a03580
H: 318 S: 0.5 L: 0.42
#507585
H: 198 S: 0.25 L: 0.42
#758550
H: 78 S: 0.25 L: 0.42
#855075
H: 318 S: 0.25 L: 0.42
#0fb7ff
H: 198 S: 1 L: 0.53
#b7ff0f
H: 78 S: 1 L: 0.53
#ff0fb7
H: 318 S: 1 L: 0.53
#2dabe1
H: 198 S: 0.75 L: 0.53
#abe12d
H: 78 S: 0.75 L: 0.53
#e12dab
H: 318 S: 0.75 L: 0.53
#4b9fc3
H: 198 S: 0.5 L: 0.53
#9fc34b
H: 78 S: 0.5 L: 0.53
#c34b9f
H: 318 S: 0.5 L: 0.53
#6993a5
H: 198 S: 0.25 L: 0.53
#93a569
H: 78 S: 0.25 L: 0.53
#a56993
H: 318 S: 0.25 L: 0.53
#47c7ff
H: 198 S: 1 L: 0.64
#c7ff47
H: 78 S: 1 L: 0.64
#ff47c7
H: 318 S: 1 L: 0.64
#5ebee8
H: 198 S: 0.75 L: 0.64
#bee85e
H: 78 S: 0.75 L: 0.64
#e85ebe
H: 318 S: 0.75 L: 0.64
#75b5d1
H: 198 S: 0.5 L: 0.64
#b5d175
H: 78 S: 0.5 L: 0.64
#d175b5
H: 318 S: 0.5 L: 0.64
#8cacba
H: 198 S: 0.25 L: 0.64
#acba8c
H: 78 S: 0.25 L: 0.64
#ba8cac
H: 318 S: 0.25 L: 0.64
#7fd8ff
H: 198 S: 1 L: 0.75
#d8ff7f
H: 78 S: 1 L: 0.75
#ff7fd8
H: 318 S: 1 L: 0.75
#8fd2ef
H: 198 S: 0.75 L: 0.75
#d2ef8f
H: 78 S: 0.75 L: 0.75
#ef8fd2
H: 318 S: 0.75 L: 0.75
#9fccdf
H: 198 S: 0.5 L: 0.75
#ccdf9f
H: 78 S: 0.5 L: 0.75
#df9fcc
H: 318 S: 0.5 L: 0.75
#afc5cf
H: 199 S: 0.25 L: 0.75
#c5cfaf
H: 79 S: 0.25 L: 0.75
#cfafc5
H: 319 S: 0.25 L: 0.75
#b7e9ff
H: 198 S: 1 L: 0.86
#e9ffb7
H: 78 S: 1 L: 0.86
#ffb7e9
H: 318 S: 1 L: 0.86
#c0e6f6
H: 198 S: 0.75 L: 0.86
#e6f6c0
H: 78 S: 0.75 L: 0.86
#f6c0e6
H: 318 S: 0.75 L: 0.86
#c9e2ed
H: 198 S: 0.5 L: 0.86
#e2edc9
H: 78 S: 0.5 L: 0.86
#edc9e2
H: 318 S: 0.5 L: 0.86
#d2dee4
H: 200 S: 0.25 L: 0.86
#dee4d2
H: 80 S: 0.25 L: 0.86
#e4d2de
H: 320 S: 0.25 L: 0.86
#effaff
H: 199 S: 1 L: 0.97
#faffef
H: 79 S: 1 L: 0.97
#ffeffa
H: 319 S: 1 L: 0.97
#f1f9fd
H: 200 S: 0.75 L: 0.97
#f9fdf1
H: 80 S: 0.75 L: 0.97
#fdf1f9
H: 320 S: 0.75 L: 0.97
#f3f8fb
H: 203 S: 0.5 L: 0.97
#f8fbf3
H: 83 S: 0.5 L: 0.97
#fbf3f8
H: 323 S: 0.5 L: 0.97
#f5f8f9
H: 195 S: 0.25 L: 0.97
#f8f9f5
H: 75 S: 0.25 L: 0.97
#f9f5f8
H: 315 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
#c63f05
H: 18 S: 0.95 L: 0.4
#ad491e
H: 18 S: 0.7 L: 0.4
#935338
H: 18 S: 0.45 L: 0.4
#d95f2a
H: 18 S: 0.7 L: 0.51
#ba6b49
H: 18 S: 0.45 L: 0.51
#e1825a
H: 18 S: 0.69 L: 0.62
#c98c72
H: 18 S: 0.45 L: 0.62
#eaa689
H: 18 S: 0.7 L: 0.73
#d9ad9b
H: 17 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.

#467285
H: 198 S: 0.31 L: 0.4
#718249
H: 78 S: 0.28 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#3f99bf
H: 198 S: 0.5 L: 0.5
#99bf3f
H: 78 S: 0.5 L: 0.5
#f8ebf4
H: 318 S: 0.48 L: 0.95
#aed4e4
H: 198 S: 0.5 L: 0.79
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#446f82
H: 198 S: 0.31 L: 0.39
#6e892d
H: 78 S: 0.51 L: 0.36
#99337a
H: 318 S: 0.5 L: 0.4
#bc80aa
H: 318 S: 0.31 L: 0.62
#287ea3
H: 198 S: 0.61 L: 0.4
#87ba11
H: 78 S: 0.83 L: 0.4
#c41790
H: 318 S: 0.79 L: 0.43
#666666
H: 0 S: 0 L: 0.4
#337a99
H: 198 S: 0.5 L: 0.4
#94d104
H: 78 S: 0.96 L: 0.42
#875879
H: 318 S: 0.21 L: 0.44
#b88c79
H: 18 S: 0.31 L: 0.6
#0a8ac1
H: 198 S: 0.9 L: 0.4
#86a838
H: 78 S: 0.5 L: 0.44
#bf3f99
H: 318 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1d9bd1
H: 198 S: 0.76 L: 0.47
#707f4c
H: 78 S: 0.25 L: 0.4
#973479
H: 318 S: 0.49 L: 0.4
#444444
H: 0 S: 0 L: 0.27
#5b5b5b
H: 0 S: 0 L: 0.36
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#f3f8fb
H: 203 S: 0.5 L: 0.97
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#9fccdf
H: 198 S: 0.5 L: 0.75
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#d6bcce
H: 318 S: 0.24 L: 0.79
#ca8567
H: 18 S: 0.48 L: 0.6
#f6f9ef
H: 78 S: 0.45 L: 0.96
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#ec7745
H: 18 S: 0.81 L: 0.6
#e6c1b1
H: 18 S: 0.51 L: 0.8
#311027
H: 318 S: 0.51 L: 0.13
#3f6373
H: 198 S: 0.29 L: 0.35
#89be0d
H: 78 S: 0.87 L: 0.4
#c3a6ba
H: 319 S: 0.19 L: 0.71
#d97f58
H: 18 S: 0.63 L: 0.6
#be0d86
H: 319 S: 0.87 L: 0.4
#0d90c8
H: 198 S: 0.88 L: 0.42
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#b68d7b
H: 18 S: 0.29 L: 0.6
#666666
H: 0 S: 0 L: 0.4
#c63f05
H: 18 S: 0.95 L: 0.4
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#dbc5bc
H: 17 S: 0.3 L: 0.8
#b9d37c
H: 78 S: 0.5 L: 0.66
#e69d7e
H: 18 S: 0.68 L: 0.7
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#bdd684
H: 78 S: 0.5 L: 0.68
#193d4c
H: 198 S: 0.5 L: 0.2
#666666
H: 0 S: 0 L: 0.4
#badae8
H: 198 S: 0.5 L: 0.82
#35afe3
H: 198 S: 0.76 L: 0.55
#7a9933
H: 78 S: 0.5 L: 0.4
#7c4f6e
H: 319 S: 0.22 L: 0.4
#8c8c8c
H: 0 S: 0 L: 0.55
#666666
H: 0 S: 0 L: 0.4
#898989
H: 0 S: 0 L: 0.54
#898989
H: 0 S: 0 L: 0.54
#337a99
H: 198 S: 0.5 L: 0.4
#a4d72d
H: 78 S: 0.68 L: 0.51
#b31885
H: 318 S: 0.76 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#9e9e9e
H: 0 S: 0 L: 0.62
#757575
H: 0 S: 0 L: 0.46
#353535
H: 0 S: 0 L: 0.21
#ebf4f8
H: 198 S: 0.48 L: 0.95
#a8e618
H: 78 S: 0.81 L: 0.5
#bf3f99
H: 318 S: 0.5 L: 0.5
#3f99bf
H: 198 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b66948
H: 18 S: 0.43 L: 0.5
#97bc42
H: 78 S: 0.48 L: 0.5
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#cf5f2f
H: 18 S: 0.63 L: 0.5
#666666
H: 0 S: 0 L: 0.4
#d9a28b
H: 18 S: 0.51 L: 0.7
#1a4050
H: 198 S: 0.51 L: 0.21
#cc65ad
H: 318 S: 0.5 L: 0.6
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#ebf4f8
H: 198 S: 0.48 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#e85516
H: 18 S: 0.83 L: 0.5
#b16b4d
H: 18 S: 0.39 L: 0.5
#3d4c19
H: 78 S: 0.5 L: 0.2
#347997
H: 198 S: 0.49 L: 0.4
#679008
H: 78 S: 0.89 L: 0.3
#99337a
H: 318 S: 0.5 L: 0.4
#ebbfac
H: 18 S: 0.61 L: 0.8
#e07c51
H: 18 S: 0.7 L: 0.6
#b58d7c
H: 18 S: 0.28 L: 0.6
#e85516
H: 18 S: 0.83 L: 0.5
#cd69af
H: 318 S: 0.5 L: 0.61
#90c3da
H: 199 S: 0.5 L: 0.71
#c7d1b2
H: 79 S: 0.25 L: 0.76
#bb3e95
H: 318 S: 0.5 L: 0.49
#84a838
H: 79 S: 0.5 L: 0.44
#e49e80
H: 18 S: 0.65 L: 0.7
#d35d2b
H: 18 S: 0.66 L: 0.5
#3e93bb
H: 199 S: 0.5 L: 0.49
#214e63
H: 199 S: 0.5 L: 0.26
#1bb9fc
H: 198 S: 0.97 L: 0.55
#7a9933
H: 78 S: 0.5 L: 0.4
#bb3e95
H: 318 S: 0.5 L: 0.49
#b9d37c
H: 78 S: 0.5 L: 0.66
#8c8c8c
H: 0 S: 0 L: 0.55
#666666
H: 0 S: 0 L: 0.4
#441637
H: 317 S: 0.51 L: 0.18
#febdea
H: 318 S: 0.97 L: 0.87
#effecc
H: 78 S: 0.96 L: 0.9
#a9cede
H: 198 S: 0.45 L: 0.77
#b1ce6d
H: 78 S: 0.5 L: 0.62
#99337a
H: 318 S: 0.5 L: 0.4
#c53f06
H: 18 S: 0.94 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#e4eecd
H: 78 S: 0.49 L: 0.87
#c95ea9
H: 318 S: 0.5 L: 0.58
#e89d7c
H: 18 S: 0.7 L: 0.7
#ebf4f8
H: 198 S: 0.48 L: 0.95
#9ac13d
H: 78 S: 0.52 L: 0.5
#bf3f99
H: 318 S: 0.5 L: 0.5
#b66948
H: 18 S: 0.43 L: 0.5
#4297bc
H: 198 S: 0.48 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e4571a
H: 18 S: 0.8 L: 0.5
#dddddd
H: 0 S: 0 L: 0.87
#1e260c
H: 78 S: 0.52 L: 0.1
#3f99bf
H: 198 S: 0.5 L: 0.5
#f4f8ec
H: 80 S: 0.46 L: 0.95
#bf3f99
H: 318 S: 0.5 L: 0.5
#e55619
H: 18 S: 0.8 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#93ba44
H: 80 S: 0.46 L: 0.5
#b56a49
H: 18 S: 0.43 L: 0.5
#f4e0ee
H: 318 S: 0.48 L: 0.92
#f7d3c4
H: 18 S: 0.76 L: 0.87
#8cc1d8
H: 198 S: 0.49 L: 0.7
#b7f329
H: 78 S: 0.89 L: 0.56
#852c6b
H: 318 S: 0.5 L: 0.35
#d4a590
H: 19 S: 0.44 L: 0.7
#f673cf
H: 318 S: 0.88 L: 0.71
#6b852c
H: 78 S: 0.5 L: 0.35
#c1643d
H: 18 S: 0.52 L: 0.5
#430330
H: 318 S: 0.91 L: 0.14
#8dc50b
H: 78 S: 0.89 L: 0.41
#2c6b85
H: 198 S: 0.5 L: 0.35
#337a99
H: 198 S: 0.5 L: 0.4
#7a9933
H: 78 S: 0.5 L: 0.4
#99337a
H: 318 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#898989
H: 0 S: 0 L: 0.54
#111111
H: 0 S: 0 L: 0.07
#828282
H: 0 S: 0 L: 0.51
#232323
H: 0 S: 0 L: 0.14
#707070
H: 0 S: 0 L: 0.44
#565656
H: 0 S: 0 L: 0.34
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.