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

#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4

Variants

#004a66
H: 196 S: 1 L: 0.2
#00661b
H: 136 S: 1 L: 0.2
#00664e
H: 166 S: 1 L: 0.2
#0c4459
H: 196 S: 0.76 L: 0.2
#0c5921
H: 136 S: 0.76 L: 0.2
#0c5947
H: 166 S: 0.76 L: 0.2
#193e4c
H: 196 S: 0.5 L: 0.2
#194c27
H: 136 S: 0.5 L: 0.2
#194c40
H: 166 S: 0.5 L: 0.2
#26383f
H: 197 S: 0.25 L: 0.2
#263f2d
H: 137 S: 0.25 L: 0.2
#263f39
H: 166 S: 0.25 L: 0.2
#00739e
H: 196 S: 1 L: 0.31
#009e2a
H: 136 S: 1 L: 0.31
#009e79
H: 166 S: 1 L: 0.31
#136a8a
H: 196 S: 0.76 L: 0.31
#138a33
H: 136 S: 0.76 L: 0.31
#138a6e
H: 166 S: 0.76 L: 0.31
#276176
H: 196 S: 0.5 L: 0.31
#27763c
H: 136 S: 0.5 L: 0.31
#277664
H: 166 S: 0.5 L: 0.31
#3b5862
H: 195 S: 0.25 L: 0.31
#3b6245
H: 135 S: 0.25 L: 0.31
#3b6259
H: 166 S: 0.25 L: 0.31
#009dd6
H: 196 S: 1 L: 0.42
#00d639
H: 136 S: 1 L: 0.42
#00d6a4
H: 166 S: 1 L: 0.42
#1a90bb
H: 196 S: 0.76 L: 0.42
#1abb45
H: 136 S: 0.76 L: 0.42
#1abb95
H: 166 S: 0.76 L: 0.42
#3584a0
H: 196 S: 0.5 L: 0.42
#35a052
H: 136 S: 0.5 L: 0.42
#35a087
H: 166 S: 0.5 L: 0.42
#507785
H: 196 S: 0.25 L: 0.42
#50855e
H: 136 S: 0.25 L: 0.42
#508579
H: 166 S: 0.25 L: 0.42
#0fbfff
H: 196 S: 1 L: 0.53
#0fff4f
H: 136 S: 1 L: 0.53
#0fffc7
H: 166 S: 1 L: 0.53
#2db1e1
H: 196 S: 0.75 L: 0.53
#2de15d
H: 136 S: 0.75 L: 0.53
#2de1b7
H: 166 S: 0.75 L: 0.53
#4ba3c3
H: 196 S: 0.5 L: 0.53
#4bc36b
H: 136 S: 0.5 L: 0.53
#4bc3a7
H: 166 S: 0.5 L: 0.53
#6995a5
H: 196 S: 0.25 L: 0.53
#69a579
H: 136 S: 0.25 L: 0.53
#69a597
H: 166 S: 0.25 L: 0.53
#47ceff
H: 196 S: 1 L: 0.64
#47ff78
H: 136 S: 1 L: 0.64
#47ffd4
H: 166 S: 1 L: 0.64
#5ec3e8
H: 196 S: 0.75 L: 0.64
#5ee883
H: 136 S: 0.75 L: 0.64
#5ee8c7
H: 166 S: 0.75 L: 0.64
#75b8d1
H: 196 S: 0.5 L: 0.64
#75d18d
H: 136 S: 0.5 L: 0.64
#75d1bb
H: 166 S: 0.5 L: 0.64
#8cadba
H: 197 S: 0.25 L: 0.64
#8cba98
H: 136 S: 0.25 L: 0.64
#8cbaaf
H: 166 S: 0.25 L: 0.64
#7fddff
H: 196 S: 1 L: 0.75
#7fffa1
H: 136 S: 1 L: 0.75
#7fffe1
H: 166 S: 1 L: 0.75
#8fd5ef
H: 196 S: 0.75 L: 0.75
#8fefa8
H: 136 S: 0.75 L: 0.75
#8fefd8
H: 166 S: 0.75 L: 0.75
#9fcedf
H: 196 S: 0.5 L: 0.75
#9fdfb0
H: 136 S: 0.5 L: 0.75
#9fdfd0
H: 166 S: 0.5 L: 0.75
#afc6cf
H: 197 S: 0.25 L: 0.75
#afcfb7
H: 135 S: 0.25 L: 0.75
#afcfc7
H: 165 S: 0.25 L: 0.75
#b7ebff
H: 197 S: 1 L: 0.86
#b7ffca
H: 136 S: 1 L: 0.86
#b7ffee
H: 166 S: 1 L: 0.86
#c0e7f6
H: 197 S: 0.75 L: 0.86
#c0f6ce
H: 136 S: 0.75 L: 0.86
#c0f6e9
H: 166 S: 0.75 L: 0.86
#c9e3ed
H: 197 S: 0.5 L: 0.86
#c9edd2
H: 135 S: 0.5 L: 0.86
#c9ede4
H: 165 S: 0.5 L: 0.86
#d2dfe4
H: 197 S: 0.25 L: 0.86
#d2e4d7
H: 137 S: 0.25 L: 0.86
#d2e4e0
H: 167 S: 0.25 L: 0.86
#effaff
H: 199 S: 1 L: 0.97
#effff3
H: 135 S: 1 L: 0.97
#effffb
H: 165 S: 1 L: 0.97
#f1fafd
H: 195 S: 0.75 L: 0.97
#f1fdf4
H: 135 S: 0.75 L: 0.97
#f1fdfa
H: 165 S: 0.75 L: 0.97
#f3f9fb
H: 195 S: 0.5 L: 0.97
#f3fbf5
H: 135 S: 0.5 L: 0.97
#f3fbf9
H: 165 S: 0.5 L: 0.97
#f5f8f9
H: 195 S: 0.25 L: 0.97
#f5f9f6
H: 135 S: 0.25 L: 0.97
#f5f9f8
H: 165 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.

#4c717f
H: 196 S: 0.25 L: 0.4
#08c83b
H: 136 S: 0.92 L: 0.41
#01ca9b
H: 166 S: 0.99 L: 0.4
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4
#337d99
H: 196 S: 0.5 L: 0.4
#0a9e31
H: 136 S: 0.88 L: 0.33
#4fc4a8
H: 166 S: 0.5 L: 0.54
#05a1da
H: 196 S: 0.96 L: 0.44
#53a669
H: 136 S: 0.33 L: 0.49
#02c99b
H: 166 S: 0.98 L: 0.4
#7c7c7c
H: 0 S: 0 L: 0.49
#4388a1
H: 196 S: 0.41 L: 0.45
#33994e
H: 136 S: 0.5 L: 0.4
#65ccb4
H: 166 S: 0.5 L: 0.6
#e8beaf
H: 16 S: 0.55 L: 0.8
#337d99
H: 196 S: 0.5 L: 0.4
#6cbb81
H: 136 S: 0.37 L: 0.58
#06c599
H: 166 S: 0.94 L: 0.4
#e8997c
H: 16 S: 0.7 L: 0.7
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#b2e5d9
H: 166 S: 0.5 L: 0.8
#e1c1b6
H: 15 S: 0.42 L: 0.8
#666666
H: 0 S: 0 L: 0.4
#3e9abb
H: 196 S: 0.5 L: 0.49
#6feb90
H: 136 S: 0.76 L: 0.68
#86b5aa
H: 166 S: 0.24 L: 0.62
#825849
H: 16 S: 0.28 L: 0.4
#f7fcf8
H: 132 S: 0.45 L: 0.98
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4
#e9beae
H: 16 S: 0.57 L: 0.8
#163844
H: 196 S: 0.51 L: 0.18
#178ab4
H: 196 S: 0.77 L: 0.4
#0bc03b
H: 136 S: 0.89 L: 0.4
#6fae9f
H: 166 S: 0.28 L: 0.56
#cfa495
H: 16 S: 0.38 L: 0.7
#eef5f4
H: 171 S: 0.26 L: 0.95
#337d99
H: 196 S: 0.5 L: 0.4
#afd8ba
H: 136 S: 0.34 L: 0.77
#22e6b8
H: 166 S: 0.8 L: 0.52
#848484
H: 0 S: 0 L: 0.52
#8c8c8c
H: 0 S: 0 L: 0.55
#333333
H: 0 S: 0 L: 0.2
#aed5e4
H: 197 S: 0.5 L: 0.79
#67a176
H: 136 S: 0.24 L: 0.52
#5ec9b0
H: 166 S: 0.5 L: 0.58
#b98978
H: 16 S: 0.32 L: 0.6
#e2c1b5
H: 16 S: 0.44 L: 0.8
#bc3d0f
H: 16 S: 0.85 L: 0.4
#29abda
H: 196 S: 0.71 L: 0.51
#33994e
H: 136 S: 0.5 L: 0.4
#aae2d5
H: 166 S: 0.49 L: 0.78
#8e523d
H: 16 S: 0.4 L: 0.4
#de9d86
H: 16 S: 0.57 L: 0.7
#275d71
H: 196 S: 0.49 L: 0.3
#398dac
H: 196 S: 0.5 L: 0.45
#507b5c
H: 137 S: 0.21 L: 0.4
#03c89a
H: 166 S: 0.97 L: 0.4
#e07751
H: 16 S: 0.7 L: 0.6
#d1a393
H: 15 S: 0.4 L: 0.7
#945037
H: 16 S: 0.46 L: 0.4
#337d99
H: 196 S: 0.5 L: 0.4
#4bc36b
H: 136 S: 0.5 L: 0.53
#71cfb9
H: 166 S: 0.49 L: 0.63
#8e523d
H: 16 S: 0.4 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#d7a18d
H: 16 S: 0.48 L: 0.7
#287a3e
H: 136 S: 0.51 L: 0.32
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4
#da5524
H: 16 S: 0.72 L: 0.5
#666666
H: 0 S: 0 L: 0.4
#c5ebcf
H: 136 S: 0.49 L: 0.85
#c6a99e
H: 17 S: 0.26 L: 0.7
#3584a0
H: 196 S: 0.5 L: 0.42
#6fe58f
H: 136 S: 0.69 L: 0.67
#97dccc
H: 166 S: 0.5 L: 0.73
#cda697
H: 17 S: 0.35 L: 0.7
#845747
H: 16 S: 0.3 L: 0.4
#c13b0a
H: 16 S: 0.9 L: 0.4
#4eb8de
H: 196 S: 0.69 L: 0.59
#1f9dca
H: 196 S: 0.73 L: 0.46
#3ebb5f
H: 136 S: 0.5 L: 0.49
#9fdfd0
H: 166 S: 0.5 L: 0.75
#b56649
H: 16 S: 0.43 L: 0.5
#e4c0b3
H: 16 S: 0.48 L: 0.8
#e8f7ec
H: 136 S: 0.48 L: 0.94
#df521f
H: 16 S: 0.76 L: 0.5
#0f7499
H: 196 S: 0.82 L: 0.33
#88d79d
H: 136 S: 0.5 L: 0.69
#428979
H: 166 S: 0.35 L: 0.4
#545454
H: 0 S: 0 L: 0.33
#0f9933
H: 136 S: 0.82 L: 0.33
#45ec71
H: 136 S: 0.81 L: 0.6
#c2f9ec
H: 166 S: 0.82 L: 0.87
#0c5f7d
H: 196 S: 0.82 L: 0.27
#ebf5f8
H: 194 S: 0.48 L: 0.95
#3fbf61
H: 136 S: 0.5 L: 0.5
#0cf2bc
H: 166 S: 0.91 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#42a0bc
H: 194 S: 0.48 L: 0.5
#b66548
H: 16 S: 0.43 L: 0.5
#0bf349
H: 136 S: 0.91 L: 0.5
#f74707
H: 16 S: 0.94 L: 0.5
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#4fc4a8
H: 166 S: 0.5 L: 0.54
#666666
H: 0 S: 0 L: 0.4
#898989
H: 0 S: 0 L: 0.54
#353535
H: 0 S: 0 L: 0.21
#686868
H: 0 S: 0 L: 0.41
#161616
H: 0 S: 0 L: 0.09
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#8cc4d8
H: 196 S: 0.49 L: 0.7
#d8f2ec
H: 166 S: 0.5 L: 0.9
#71cf8a
H: 136 S: 0.49 L: 0.63
#1c542b
H: 136 S: 0.5 L: 0.22
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#8e8e8e
H: 0 S: 0 L: 0.56
#a0a0a0
H: 0 S: 0 L: 0.63
#050505
H: 0 S: 0 L: 0.02
#0f0f0f
H: 0 S: 0 L: 0.06
#111111
H: 0 S: 0 L: 0.07
#337d99
H: 196 S: 0.5 L: 0.4
#33994e
H: 136 S: 0.5 L: 0.4
#339981
H: 166 S: 0.5 L: 0.4
#af684f
H: 16 S: 0.38 L: 0.5
#c8a89c
H: 16 S: 0.29 L: 0.7
#6dceb7
H: 166 S: 0.5 L: 0.62
#193e4c
H: 196 S: 0.5 L: 0.2
#ffffff
H: 0 S: 0 L: 1
#f4480a
H: 16 S: 0.92 L: 0.5
#41778a
H: 196 S: 0.36 L: 0.4
#2c9f4b
H: 136 S: 0.57 L: 0.4
#5ad2b6
H: 166 S: 0.57 L: 0.59
#e7997d
H: 16 S: 0.69 L: 0.7
#c65e38
H: 16 S: 0.56 L: 0.5
#10303c
H: 196 S: 0.58 L: 0.15
#fbfdfc
H: 150 S: 0.33 L: 0.99
#969696
H: 0 S: 0 L: 0.59
#e2c1b5
H: 16 S: 0.44 L: 0.8
#337d99
H: 196 S: 0.5 L: 0.4
#2f8d48
H: 136 S: 0.5 L: 0.37
#b2e5d9
H: 166 S: 0.5 L: 0.8
#666666
H: 0 S: 0 L: 0.4
#ffffff
H: 0 S: 0 L: 1
#5ec9b0
H: 166 S: 0.5 L: 0.58
#193e4c
H: 196 S: 0.5 L: 0.2
#545454
H: 0 S: 0 L: 0.33
#163844
H: 196 S: 0.51 L: 0.18
#5ad0fa
H: 196 S: 0.94 L: 0.67
#90daa3
H: 135 S: 0.5 L: 0.71
#339981
H: 166 S: 0.5 L: 0.4
#cd5b31
H: 16 S: 0.61 L: 0.5
#f5fcfe
H: 193 S: 0.82 L: 0.98
#666666
H: 0 S: 0 L: 0.4
#c08671
H: 16 S: 0.39 L: 0.6
#5bf983
H: 135 S: 0.93 L: 0.67
#1e5b4d
H: 166 S: 0.5 L: 0.24
#ddc3ba
H: 15 S: 0.34 L: 0.8
#93c8db
H: 196 S: 0.5 L: 0.72
#01ca36
H: 136 S: 0.99 L: 0.4
#43c0a3
H: 166 S: 0.5 L: 0.51
#666666
H: 0 S: 0 L: 0.4
#26723a
H: 136 S: 0.5 L: 0.3
#d1f2fe
H: 196 S: 0.96 L: 0.91
#0195ca
H: 196 S: 0.99 L: 0.4
#002c3c
H: 196 S: 1 L: 0.12
#b2feec
H: 166 S: 0.97 L: 0.85
#333333
H: 0 S: 0 L: 0.2
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.