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

#3c4e62
H: 212 S: 0.24 L: 0.31
#3c624f
H: 150 S: 0.24 L: 0.31
#623c4e
H: 332 S: 0.24 L: 0.31
#624f3c
H: 30 S: 0.24 L: 0.31

Variants

#002f66
H: 212 S: 1 L: 0.2
#006633
H: 150 S: 1 L: 0.2
#66002f
H: 332 S: 1 L: 0.2
#663300
H: 30 S: 1 L: 0.2
#0c3059
H: 212 S: 0.76 L: 0.2
#0c5933
H: 150 S: 0.76 L: 0.2
#590c30
H: 332 S: 0.76 L: 0.2
#59330c
H: 30 S: 0.76 L: 0.2
#19314c
H: 212 S: 0.5 L: 0.2
#194c33
H: 151 S: 0.5 L: 0.2
#4c1931
H: 332 S: 0.5 L: 0.2
#4c3319
H: 31 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#263f33
H: 151 S: 0.25 L: 0.2
#3f2632
H: 331 S: 0.25 L: 0.2
#3f3326
H: 31 S: 0.25 L: 0.2
#00499e
H: 212 S: 1 L: 0.31
#009e4f
H: 150 S: 1 L: 0.31
#9e0049
H: 332 S: 1 L: 0.31
#9e4f00
H: 30 S: 1 L: 0.31
#134b8a
H: 212 S: 0.76 L: 0.31
#138a4f
H: 150 S: 0.76 L: 0.31
#8a134b
H: 332 S: 0.76 L: 0.31
#8a4f13
H: 30 S: 0.76 L: 0.31
#274c76
H: 212 S: 0.5 L: 0.31
#27764f
H: 150 S: 0.5 L: 0.31
#76274c
H: 332 S: 0.5 L: 0.31
#764f27
H: 30 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#3b624f
H: 151 S: 0.25 L: 0.31
#623b4d
H: 332 S: 0.25 L: 0.31
#624f3b
H: 31 S: 0.25 L: 0.31
#0063d6
H: 212 S: 1 L: 0.42
#00d66b
H: 150 S: 1 L: 0.42
#d60063
H: 332 S: 1 L: 0.42
#d66b00
H: 30 S: 1 L: 0.42
#1a65bb
H: 212 S: 0.76 L: 0.42
#1abb6b
H: 150 S: 0.76 L: 0.42
#bb1a65
H: 332 S: 0.76 L: 0.42
#bb6b1a
H: 30 S: 0.76 L: 0.42
#3567a0
H: 212 S: 0.5 L: 0.42
#35a06b
H: 150 S: 0.5 L: 0.42
#a03567
H: 332 S: 0.5 L: 0.42
#a06b35
H: 30 S: 0.5 L: 0.42
#506985
H: 212 S: 0.25 L: 0.42
#50856b
H: 151 S: 0.25 L: 0.42
#855069
H: 332 S: 0.25 L: 0.42
#856b50
H: 31 S: 0.25 L: 0.42
#0f7fff
H: 212 S: 1 L: 0.53
#0fff87
H: 150 S: 1 L: 0.53
#ff0f7f
H: 332 S: 1 L: 0.53
#ff870f
H: 30 S: 1 L: 0.53
#2d81e1
H: 212 S: 0.75 L: 0.53
#2de187
H: 150 S: 0.75 L: 0.53
#e12d81
H: 332 S: 0.75 L: 0.53
#e1872d
H: 30 S: 0.75 L: 0.53
#4b83c3
H: 212 S: 0.5 L: 0.53
#4bc387
H: 150 S: 0.5 L: 0.53
#c34b83
H: 332 S: 0.5 L: 0.53
#c3874b
H: 30 S: 0.5 L: 0.53
#6985a5
H: 212 S: 0.25 L: 0.53
#69a587
H: 150 S: 0.25 L: 0.53
#a56985
H: 332 S: 0.25 L: 0.53
#a58769
H: 30 S: 0.25 L: 0.53
#479dff
H: 212 S: 1 L: 0.64
#47ffa3
H: 150 S: 1 L: 0.64
#ff479d
H: 332 S: 1 L: 0.64
#ffa347
H: 30 S: 1 L: 0.64
#5e9ee8
H: 212 S: 0.75 L: 0.64
#5ee8a3
H: 150 S: 0.75 L: 0.64
#e85e9e
H: 332 S: 0.75 L: 0.64
#e8a35e
H: 30 S: 0.75 L: 0.64
#75a0d1
H: 212 S: 0.5 L: 0.64
#75d1a3
H: 150 S: 0.5 L: 0.64
#d175a0
H: 332 S: 0.5 L: 0.64
#d1a375
H: 30 S: 0.5 L: 0.64
#8ca1ba
H: 213 S: 0.25 L: 0.64
#8cbaa3
H: 150 S: 0.25 L: 0.64
#ba8ca1
H: 333 S: 0.25 L: 0.64
#baa38c
H: 30 S: 0.25 L: 0.64
#7fbbff
H: 212 S: 1 L: 0.75
#7fffbf
H: 150 S: 1 L: 0.75
#ff7fbb
H: 332 S: 1 L: 0.75
#ffbf7f
H: 30 S: 1 L: 0.75
#8fbcef
H: 212 S: 0.75 L: 0.75
#8fefbf
H: 150 S: 0.75 L: 0.75
#ef8fbc
H: 332 S: 0.75 L: 0.75
#efbf8f
H: 30 S: 0.75 L: 0.75
#9fbddf
H: 212 S: 0.5 L: 0.75
#9fdfbf
H: 150 S: 0.5 L: 0.75
#df9fbd
H: 332 S: 0.5 L: 0.75
#dfbf9f
H: 30 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#afcfbf
H: 150 S: 0.25 L: 0.75
#cfafbe
H: 332 S: 0.25 L: 0.75
#cfbfaf
H: 30 S: 0.25 L: 0.75
#b7d8ff
H: 213 S: 1 L: 0.86
#b7ffdb
H: 150 S: 1 L: 0.86
#ffb7d8
H: 333 S: 1 L: 0.86
#ffdbb7
H: 30 S: 1 L: 0.86
#c0d9f6
H: 212 S: 0.75 L: 0.86
#c0f6db
H: 150 S: 0.75 L: 0.86
#f6c0d9
H: 332 S: 0.75 L: 0.86
#f6dbc0
H: 30 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#c9eddb
H: 150 S: 0.5 L: 0.86
#edc9da
H: 332 S: 0.5 L: 0.86
#eddbc9
H: 30 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#d2e4db
H: 150 S: 0.25 L: 0.86
#e4d2da
H: 333 S: 0.25 L: 0.86
#e4dbd2
H: 30 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#effff7
H: 150 S: 1 L: 0.97
#ffeff6
H: 334 S: 1 L: 0.97
#fff7ef
H: 30 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f1fdf7
H: 150 S: 0.75 L: 0.97
#fdf1f6
H: 335 S: 0.75 L: 0.97
#fdf7f1
H: 30 S: 0.75 L: 0.97
#f3f7fb
H: 210 S: 0.5 L: 0.97
#f3fbf7
H: 150 S: 0.5 L: 0.97
#fbf3f7
H: 330 S: 0.5 L: 0.97
#fbf7f3
H: 30 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f5f9f7
H: 150 S: 0.25 L: 0.97
#f9f5f7
H: 330 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
#c66c05
H: 32 S: 0.95 L: 0.4
#ad6a1e
H: 32 S: 0.7 L: 0.4
#936938
H: 32 S: 0.45 L: 0.4
#d9872a
H: 32 S: 0.7 L: 0.51
#ba8549
H: 32 S: 0.45 L: 0.51
#e1a25a
H: 32 S: 0.69 L: 0.62
#c9a172
H: 32 S: 0.45 L: 0.62
#eabd89
H: 32 S: 0.7 L: 0.73
#d9bc9b
H: 32 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.

#eef2f5
H: 206 S: 0.26 L: 0.95
#609e7f
H: 150 S: 0.24 L: 0.5
#9e607d
H: 332 S: 0.24 L: 0.5
#e97f15
H: 30 S: 0.83 L: 0.5
#3c4d62
H: 213 S: 0.24 L: 0.31
#3c624f
H: 150 S: 0.24 L: 0.31
#623c4d
H: 333 S: 0.24 L: 0.31
#624f3c
H: 30 S: 0.24 L: 0.31
#3c4d62
H: 213 S: 0.24 L: 0.31
#5e9a7c
H: 150 S: 0.24 L: 0.49
#9e607d
H: 332 S: 0.24 L: 0.5
#ccbcac
H: 30 S: 0.24 L: 0.74
#57708e
H: 213 S: 0.24 L: 0.45
#35684f
H: 151 S: 0.32 L: 0.31
#94094a
H: 332 S: 0.89 L: 0.31
#af967d
H: 30 S: 0.24 L: 0.59
#5e7a9a
H: 212 S: 0.24 L: 0.49
#3e5f4f
H: 151 S: 0.21 L: 0.31
#ad2866
H: 332 S: 0.62 L: 0.42
#d2a374
H: 30 S: 0.51 L: 0.64
#5d7897
H: 212 S: 0.24 L: 0.48
#6afab2
H: 150 S: 0.94 L: 0.7
#b71f66
H: 332 S: 0.71 L: 0.42
#774f26
H: 30 S: 0.52 L: 0.31
#3c4d62
H: 213 S: 0.24 L: 0.31
#a6c8b7
H: 150 S: 0.24 L: 0.72
#fc2f8f
H: 332 S: 0.97 L: 0.59
#94775b
H: 29 S: 0.24 L: 0.47
#3c4d62
H: 213 S: 0.24 L: 0.31
#3c624f
H: 150 S: 0.24 L: 0.31
#623c4d
H: 333 S: 0.24 L: 0.31
#624f3c
H: 30 S: 0.24 L: 0.31
#424242
H: 0 S: 0 L: 0.26
#364d67
H: 212 S: 0.31 L: 0.31
#77ab91
H: 150 S: 0.24 L: 0.57
#732a4c
H: 332 S: 0.46 L: 0.31
#ad937a
H: 29 S: 0.24 L: 0.58
#dd8521
H: 32 S: 0.74 L: 0.5
#3c4d62
H: 213 S: 0.24 L: 0.31
#1d8f56
H: 150 S: 0.66 L: 0.34
#eb3c8e
H: 332 S: 0.81 L: 0.58
#9a4f03
H: 30 S: 0.96 L: 0.31
#e2b582
H: 32 S: 0.62 L: 0.7
#93a6bd
H: 213 S: 0.24 L: 0.66
#08954f
H: 150 S: 0.9 L: 0.31
#88154b
H: 332 S: 0.73 L: 0.31
#7f5429
H: 30 S: 0.51 L: 0.33
#e8fbf2
H: 152 S: 0.7 L: 0.95
#6ea9ec
H: 212 S: 0.77 L: 0.68
#3c624f
H: 150 S: 0.24 L: 0.31
#c52972
H: 332 S: 0.66 L: 0.47
#7c4f21
H: 30 S: 0.58 L: 0.31
#adadad
H: 0 S: 0 L: 0.68
#777777
H: 0 S: 0 L: 0.47
#41556b
H: 211 S: 0.24 L: 0.34
#a6c8b7
H: 150 S: 0.24 L: 0.72
#6e2f4c
H: 332 S: 0.4 L: 0.31
#844f19
H: 30 S: 0.68 L: 0.31
#1d9a5b
H: 150 S: 0.68 L: 0.36
#480d29
H: 332 S: 0.69 L: 0.17
#eff2f5
H: 210 S: 0.23 L: 0.95
#609e7f
H: 150 S: 0.24 L: 0.5
#9f5f7d
H: 332 S: 0.25 L: 0.5
#c87f36
H: 30 S: 0.57 L: 0.5
#2e6ba8
H: 210 S: 0.57 L: 0.42
#b5b5b5
H: 0 S: 0 L: 0.71
#eff2f5
H: 210 S: 0.23 L: 0.95
#49b57f
H: 150 S: 0.43 L: 0.5
#9e607d
H: 332 S: 0.24 L: 0.5
#e57f19
H: 30 S: 0.8 L: 0.5
#627f9c
H: 210 S: 0.23 L: 0.5
#b1824d
H: 32 S: 0.39 L: 0.5
#3c4d62
H: 213 S: 0.24 L: 0.31
#93bda8
H: 150 S: 0.24 L: 0.66
#9a5e7a
H: 332 S: 0.24 L: 0.49
#f0c69d
H: 30 S: 0.73 L: 0.78
#eb8613
H: 32 S: 0.85 L: 0.5
#a46a27
H: 32 S: 0.62 L: 0.4
#5294e4
H: 213 S: 0.73 L: 0.61
#ebf1f9
H: 214 S: 0.54 L: 0.95
#0fef7f
H: 150 S: 0.88 L: 0.5
#ed1178
H: 332 S: 0.87 L: 0.5
#9e7f60
H: 30 S: 0.24 L: 0.5
#ce8430
H: 32 S: 0.62 L: 0.5
#3a76c4
H: 214 S: 0.54 L: 0.5
#cccccc
H: 0 S: 0 L: 0.8
#3c4d62
H: 213 S: 0.24 L: 0.31
#18854f
H: 150 S: 0.69 L: 0.31
#8c355d
H: 332 S: 0.45 L: 0.38
#c4b2a0
H: 30 S: 0.23 L: 0.7
#d1d1d1
H: 0 S: 0 L: 0.82
#a8a8a8
H: 0 S: 0 L: 0.66
#2d2d2d
H: 0 S: 0 L: 0.18
#3c4d62
H: 213 S: 0.24 L: 0.31
#3c624f
H: 150 S: 0.24 L: 0.31
#623c4d
H: 333 S: 0.24 L: 0.31
#624f3c
H: 30 S: 0.24 L: 0.31
#6781a1
H: 213 S: 0.24 L: 0.52
#b49a7d
H: 32 S: 0.27 L: 0.6
#202a35
H: 211 S: 0.25 L: 0.17
#354d68
H: 212 S: 0.32 L: 0.31
#578e72
H: 149 S: 0.24 L: 0.45
#e5237e
H: 332 S: 0.79 L: 0.52
#715b45
H: 30 S: 0.24 L: 0.36
#c8f8df
H: 149 S: 0.77 L: 0.88
#433322
H: 31 S: 0.33 L: 0.2
#b78347
H: 32 S: 0.44 L: 0.5
#23e581
H: 149 S: 0.79 L: 0.52
#3c4d62
H: 213 S: 0.24 L: 0.31
#128b4f
H: 150 S: 0.77 L: 0.31
#8e5770
H: 333 S: 0.24 L: 0.45
#c6b5a3
H: 31 S: 0.23 L: 0.71
#94134d
H: 333 S: 0.77 L: 0.33
#576f8e
H: 214 S: 0.24 L: 0.45
#b46b17
H: 32 S: 0.77 L: 0.4
#e1cfd7
H: 333 S: 0.23 L: 0.85
#447bba
H: 212 S: 0.46 L: 0.5
#609e7f
H: 150 S: 0.24 L: 0.5
#9e607d
H: 332 S: 0.24 L: 0.5
#f5f2ef
H: 30 S: 0.23 L: 0.95
#ba7f44
H: 30 S: 0.46 L: 0.5
#ed8611
H: 32 S: 0.87 L: 0.5
#dbae7a
H: 32 S: 0.57 L: 0.67
#cccccc
H: 0 S: 0 L: 0.8
#336093
H: 212 S: 0.48 L: 0.39
#77ab91
H: 150 S: 0.24 L: 0.57
#c25185
H: 332 S: 0.48 L: 0.54
#65513e
H: 29 S: 0.24 L: 0.32
#999999
H: 0 S: 0 L: 0.6
#303030
H: 0 S: 0 L: 0.19
#707070
H: 0 S: 0 L: 0.44
#eaeaea
H: 0 S: 0 L: 0.92
#3c4d61
H: 212 S: 0.24 L: 0.31
#21d87c
H: 150 S: 0.73 L: 0.49
#db5694
H: 332 S: 0.65 L: 0.6
#d9bca0
H: 29 S: 0.43 L: 0.74
#ea9e47
H: 32 S: 0.8 L: 0.6
#a1692a
H: 32 S: 0.59 L: 0.4
#f5f7f9
H: 210 S: 0.25 L: 0.97
#6ba1df
H: 212 S: 0.64 L: 0.65
#70c69b
H: 150 S: 0.43 L: 0.61
#2d4c71
H: 213 S: 0.43 L: 0.31
#99c0ad
H: 151 S: 0.24 L: 0.68
#623c4d
H: 333 S: 0.24 L: 0.31
#854f18
H: 30 S: 0.69 L: 0.31
#d8b58c
H: 32 S: 0.49 L: 0.7
#4d0e2a
H: 333 S: 0.69 L: 0.18
#dd8521
H: 32 S: 0.74 L: 0.5
#f7e5d3
H: 30 S: 0.69 L: 0.9
#45dd93
H: 151 S: 0.69 L: 0.57
#3c4d62
H: 213 S: 0.24 L: 0.31
#a4c6b5
H: 150 S: 0.23 L: 0.71
#b05881
H: 332 S: 0.36 L: 0.52
#934f0b
H: 30 S: 0.86 L: 0.31
#777777
H: 0 S: 0 L: 0.47
#2d2d2d
H: 0 S: 0 L: 0.18
#898989
H: 0 S: 0 L: 0.54
#232323
H: 0 S: 0 L: 0.14
#f4f4f4
H: 0 S: 0 L: 0.96
#eff2f5
H: 210 S: 0.23 L: 0.95
#0cf27f
H: 150 S: 0.91 L: 0.5
#a9557c
H: 332 S: 0.33 L: 0.5
#e87f16
H: 30 S: 0.83 L: 0.5
#e91578
H: 332 S: 0.83 L: 0.5
#627f9c
H: 210 S: 0.23 L: 0.5
#b88346
H: 32 S: 0.45 L: 0.5
#d9eafb
H: 210 S: 0.81 L: 0.92
#ee9b49
H: 30 S: 0.83 L: 0.61
#3c4d62
H: 213 S: 0.24 L: 0.31
#29c577
H: 150 S: 0.66 L: 0.47
#bb90a4
H: 332 S: 0.24 L: 0.65
#c18242
H: 30 S: 0.51 L: 0.51
#777777
H: 0 S: 0 L: 0.47
#faeff4
H: 333 S: 0.52 L: 0.96
#c62872
H: 332 S: 0.66 L: 0.47
#286fc6
H: 213 S: 0.66 L: 0.47
#f3dce7
H: 331 S: 0.49 L: 0.91
#87abd8
H: 213 S: 0.51 L: 0.69
#3c4d62
H: 213 S: 0.24 L: 0.31
#3c624f
H: 150 S: 0.24 L: 0.31
#623c4d
H: 333 S: 0.24 L: 0.31
#624f3c
H: 30 S: 0.24 L: 0.31
#8096b1
H: 213 S: 0.24 L: 0.6
#d4c6b9
H: 29 S: 0.24 L: 0.78
#a5896d
H: 30 S: 0.24 L: 0.54
#f5f9f7
H: 150 S: 0.25 L: 0.97
#1b222c
H: 215 S: 0.24 L: 0.14
#d8d8d8
H: 0 S: 0 L: 0.85
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.