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

#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5

Variants

#003d66
H: 204 S: 1 L: 0.2
#280066
H: 264 S: 1 L: 0.2
#3d6600
H: 84 S: 1 L: 0.2
#662800
H: 24 S: 1 L: 0.2
#0c3a59
H: 204 S: 0.76 L: 0.2
#2b0c59
H: 264 S: 0.76 L: 0.2
#3a590c
H: 84 S: 0.76 L: 0.2
#592b0c
H: 24 S: 0.76 L: 0.2
#19384c
H: 204 S: 0.5 L: 0.2
#2d194c
H: 264 S: 0.5 L: 0.2
#384c19
H: 84 S: 0.5 L: 0.2
#4c2d19
H: 24 S: 0.5 L: 0.2
#26353f
H: 204 S: 0.25 L: 0.2
#30263f
H: 264 S: 0.25 L: 0.2
#353f26
H: 84 S: 0.25 L: 0.2
#3f3026
H: 24 S: 0.25 L: 0.2
#005e9e
H: 204 S: 1 L: 0.31
#3f009e
H: 264 S: 1 L: 0.31
#5e9e00
H: 84 S: 1 L: 0.31
#9e3f00
H: 24 S: 1 L: 0.31
#135a8a
H: 204 S: 0.76 L: 0.31
#43138a
H: 264 S: 0.76 L: 0.31
#5a8a13
H: 84 S: 0.76 L: 0.31
#8a4313
H: 24 S: 0.76 L: 0.31
#275676
H: 204 S: 0.5 L: 0.31
#472776
H: 264 S: 0.5 L: 0.31
#567627
H: 84 S: 0.5 L: 0.31
#764727
H: 24 S: 0.5 L: 0.31
#3b5362
H: 203 S: 0.25 L: 0.31
#4b3b62
H: 265 S: 0.25 L: 0.31
#53623b
H: 83 S: 0.25 L: 0.31
#624b3b
H: 25 S: 0.25 L: 0.31
#0080d6
H: 204 S: 1 L: 0.42
#5500d6
H: 264 S: 1 L: 0.42
#80d600
H: 84 S: 1 L: 0.42
#d65500
H: 24 S: 1 L: 0.42
#1a7bbb
H: 204 S: 0.76 L: 0.42
#5b1abb
H: 264 S: 0.76 L: 0.42
#7bbb1a
H: 84 S: 0.76 L: 0.42
#bb5b1a
H: 24 S: 0.76 L: 0.42
#3575a0
H: 204 S: 0.5 L: 0.42
#6035a0
H: 264 S: 0.5 L: 0.42
#75a035
H: 84 S: 0.5 L: 0.42
#a06035
H: 24 S: 0.5 L: 0.42
#507085
H: 204 S: 0.25 L: 0.42
#655085
H: 264 S: 0.25 L: 0.42
#708550
H: 84 S: 0.25 L: 0.42
#856550
H: 24 S: 0.25 L: 0.42
#0f9fff
H: 204 S: 1 L: 0.53
#6f0fff
H: 264 S: 1 L: 0.53
#9fff0f
H: 84 S: 1 L: 0.53
#ff6f0f
H: 24 S: 1 L: 0.53
#2d99e1
H: 204 S: 0.75 L: 0.53
#752de1
H: 264 S: 0.75 L: 0.53
#99e12d
H: 84 S: 0.75 L: 0.53
#e1752d
H: 24 S: 0.75 L: 0.53
#4b93c3
H: 204 S: 0.5 L: 0.53
#7b4bc3
H: 264 S: 0.5 L: 0.53
#93c34b
H: 84 S: 0.5 L: 0.53
#c37b4b
H: 24 S: 0.5 L: 0.53
#698da5
H: 204 S: 0.25 L: 0.53
#8169a5
H: 264 S: 0.25 L: 0.53
#8da569
H: 84 S: 0.25 L: 0.53
#a58169
H: 24 S: 0.25 L: 0.53
#47b5ff
H: 204 S: 1 L: 0.64
#9047ff
H: 264 S: 1 L: 0.64
#b5ff47
H: 84 S: 1 L: 0.64
#ff9047
H: 24 S: 1 L: 0.64
#5eb0e8
H: 204 S: 0.75 L: 0.64
#955ee8
H: 264 S: 0.75 L: 0.64
#b0e85e
H: 84 S: 0.75 L: 0.64
#e8955e
H: 24 S: 0.75 L: 0.64
#75acd1
H: 204 S: 0.5 L: 0.64
#9a75d1
H: 264 S: 0.5 L: 0.64
#acd175
H: 84 S: 0.5 L: 0.64
#d19a75
H: 24 S: 0.5 L: 0.64
#8ca7ba
H: 205 S: 0.25 L: 0.64
#9e8cba
H: 263 S: 0.25 L: 0.64
#a7ba8c
H: 85 S: 0.25 L: 0.64
#ba9e8c
H: 23 S: 0.25 L: 0.64
#7fccff
H: 204 S: 1 L: 0.75
#b27fff
H: 264 S: 1 L: 0.75
#ccff7f
H: 84 S: 1 L: 0.75
#ffb27f
H: 24 S: 1 L: 0.75
#8fc8ef
H: 204 S: 0.75 L: 0.75
#b58fef
H: 264 S: 0.75 L: 0.75
#c8ef8f
H: 84 S: 0.75 L: 0.75
#efb58f
H: 24 S: 0.75 L: 0.75
#9fc5df
H: 204 S: 0.5 L: 0.75
#b89fdf
H: 263 S: 0.5 L: 0.75
#c5df9f
H: 84 S: 0.5 L: 0.75
#dfb89f
H: 23 S: 0.5 L: 0.75
#afc2cf
H: 204 S: 0.25 L: 0.75
#bcafcf
H: 264 S: 0.25 L: 0.75
#c2cfaf
H: 84 S: 0.25 L: 0.75
#cfbcaf
H: 24 S: 0.25 L: 0.75
#b7e2ff
H: 204 S: 1 L: 0.86
#d4b7ff
H: 264 S: 1 L: 0.86
#e2ffb7
H: 84 S: 1 L: 0.86
#ffd4b7
H: 24 S: 1 L: 0.86
#c0e0f6
H: 204 S: 0.75 L: 0.86
#d5c0f6
H: 263 S: 0.75 L: 0.86
#e0f6c0
H: 84 S: 0.75 L: 0.86
#f6d5c0
H: 23 S: 0.75 L: 0.86
#c9deed
H: 205 S: 0.5 L: 0.86
#d7c9ed
H: 263 S: 0.5 L: 0.86
#deedc9
H: 85 S: 0.5 L: 0.86
#edd7c9
H: 23 S: 0.5 L: 0.86
#d2dde4
H: 203 S: 0.25 L: 0.86
#d9d2e4
H: 263 S: 0.25 L: 0.86
#dde4d2
H: 83 S: 0.25 L: 0.86
#e4d9d2
H: 23 S: 0.25 L: 0.86
#eff8ff
H: 206 S: 1 L: 0.97
#f5efff
H: 263 S: 1 L: 0.97
#f8ffef
H: 86 S: 1 L: 0.97
#fff5ef
H: 23 S: 1 L: 0.97
#f1f8fd
H: 205 S: 0.75 L: 0.97
#f6f1fd
H: 265 S: 0.75 L: 0.97
#f8fdf1
H: 85 S: 0.75 L: 0.97
#fdf6f1
H: 25 S: 0.75 L: 0.97
#f3f8fb
H: 203 S: 0.5 L: 0.97
#f6f3fb
H: 263 S: 0.5 L: 0.97
#f8fbf3
H: 83 S: 0.5 L: 0.97
#fbf6f3
H: 23 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f6f5f9
H: 255 S: 0.25 L: 0.97
#f7f9f5
H: 90 S: 0.25 L: 0.97
#f9f6f5
H: 15 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
#c65205
H: 24 S: 0.95 L: 0.4
#ad571e
H: 24 S: 0.7 L: 0.4
#935c38
H: 24 S: 0.45 L: 0.4
#d9702a
H: 24 S: 0.7 L: 0.51
#ba7649
H: 24 S: 0.45 L: 0.51
#e1905a
H: 24 S: 0.69 L: 0.62
#c99572
H: 24 S: 0.45 L: 0.62
#eab089
H: 24 S: 0.7 L: 0.73
#d9b39b
H: 23 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.

#ebf3f8
H: 203 S: 0.48 L: 0.95
#6a18e6
H: 264 S: 0.81 L: 0.5
#8fd12d
H: 84 S: 0.65 L: 0.5
#c67138
H: 24 S: 0.56 L: 0.5
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#316d95
H: 204 S: 0.51 L: 0.39
#723fbf
H: 264 S: 0.5 L: 0.5
#89bb3e
H: 84 S: 0.5 L: 0.49
#ff6600
H: 24 S: 1 L: 0.5
#3f8cbf
H: 204 S: 0.5 L: 0.5
#7b42d1
H: 264 S: 0.61 L: 0.54
#567627
H: 84 S: 0.5 L: 0.31
#a86438
H: 24 S: 0.5 L: 0.44
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#71aacf
H: 204 S: 0.49 L: 0.63
#723fbf
H: 264 S: 0.5 L: 0.5
#62852c
H: 84 S: 0.5 L: 0.35
#cb570a
H: 24 S: 0.91 L: 0.42
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#2b5f82
H: 204 S: 0.5 L: 0.34
#573091
H: 264 S: 0.5 L: 0.38
#8fcf2f
H: 84 S: 0.63 L: 0.5
#89522d
H: 24 S: 0.51 L: 0.36
#7f7f7f
H: 0 S: 0 L: 0.5
#398dc5
H: 204 S: 0.55 L: 0.5
#502c85
H: 264 S: 0.5 L: 0.35
#aacf71
H: 84 S: 0.49 L: 0.63
#db9161
H: 24 S: 0.63 L: 0.62
#7139c5
H: 264 S: 0.55 L: 0.5
#ebf3f8
H: 203 S: 0.48 L: 0.95
#7651ad
H: 264 S: 0.36 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#638eab
H: 204 S: 0.3 L: 0.53
#c19ff3
H: 264 S: 0.78 L: 0.79
#a7ce6d
H: 84 S: 0.5 L: 0.62
#d4a280
H: 24 S: 0.49 L: 0.67
#4b6722
H: 84 S: 0.5 L: 0.27
#1987d0
H: 204 S: 0.79 L: 0.46
#419edc
H: 204 S: 0.69 L: 0.56
#7138c6
H: 264 S: 0.56 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#a57759
H: 24 S: 0.3 L: 0.5
#e8a77c
H: 24 S: 0.7 L: 0.7
#dbc8bc
H: 23 S: 0.3 L: 0.8
#3f8cbf
H: 204 S: 0.5 L: 0.5
#6e2ad4
H: 264 S: 0.67 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#e2c1aa
H: 25 S: 0.49 L: 0.78
#b65515
H: 24 S: 0.79 L: 0.4
#e38a4e
H: 24 S: 0.73 L: 0.6
#3a8dc4
H: 204 S: 0.54 L: 0.5
#785ba3
H: 264 S: 0.28 L: 0.5
#8fcf2f
H: 84 S: 0.63 L: 0.5
#bb703e
H: 24 S: 0.5 L: 0.49
#5d8126
H: 84 S: 0.54 L: 0.33
#d3ab91
H: 24 S: 0.43 L: 0.7
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#40571d
H: 84 S: 0.5 L: 0.23
#2b5f82
H: 204 S: 0.5 L: 0.34
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e1c7b6
H: 24 S: 0.42 L: 0.8
#c9deed
H: 205 S: 0.5 L: 0.86
#0a96f4
H: 204 S: 0.92 L: 0.5
#752edf
H: 264 S: 0.73 L: 0.53
#8cbf3f
H: 84 S: 0.5 L: 0.5
#724426
H: 24 S: 0.5 L: 0.3
#e9cfbd
H: 25 S: 0.5 L: 0.83
#442672
H: 264 S: 0.5 L: 0.3
#f4680a
H: 24 S: 0.92 L: 0.5
#5f859f
H: 204 S: 0.25 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#f8f0eb
H: 23 S: 0.48 L: 0.95
#cc7033
H: 24 S: 0.6 L: 0.5
#cfbee8
H: 264 S: 0.48 L: 0.83
#0f0905
H: 24 S: 0.5 L: 0.04
#4893c5
H: 204 S: 0.52 L: 0.53
#7a649a
H: 264 S: 0.21 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#e27d3a
H: 24 S: 0.74 L: 0.56
#9a7a64
H: 24 S: 0.21 L: 0.5
#9f7cd3
H: 264 S: 0.5 L: 0.66
#405562
H: 203 S: 0.21 L: 0.32
#7e3be1
H: 264 S: 0.73 L: 0.56
#e7f4fc
H: 203 S: 0.78 L: 0.95
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#c3713b
H: 24 S: 0.54 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1c96e2
H: 203 S: 0.78 L: 0.5
#ad5a23
H: 24 S: 0.66 L: 0.41
#af693a
H: 24 S: 0.5 L: 0.46
#4790c1
H: 204 S: 0.5 L: 0.52
#723fbf
H: 264 S: 0.5 L: 0.5
#547226
H: 84 S: 0.5 L: 0.3
#d6a584
H: 24 S: 0.5 L: 0.68
#442672
H: 264 S: 0.5 L: 0.3
#7f7f7f
H: 0 S: 0 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#fcfbfd
H: 270 S: 0.33 L: 0.99
#478ab7
H: 204 S: 0.44 L: 0.5
#8052c5
H: 264 S: 0.5 L: 0.55
#8ab747
H: 84 S: 0.44 L: 0.5
#d99e76
H: 24 S: 0.57 L: 0.66
#e5c6b2
H: 24 S: 0.5 L: 0.8
#b77447
H: 24 S: 0.44 L: 0.5
#8c8c8c
H: 0 S: 0 L: 0.55
#a584d6
H: 264 S: 0.5 L: 0.68
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#cae1a7
H: 84 S: 0.49 L: 0.77
#8cbad8
H: 204 S: 0.49 L: 0.7
#465f1f
H: 83 S: 0.51 L: 0.25
#ffffff
H: 0 S: 0 L: 1
#3f8cbf
H: 204 S: 0.5 L: 0.5
#6438a8
H: 264 S: 0.5 L: 0.44
#678d2f
H: 84 S: 0.5 L: 0.37
#c37b4b
H: 24 S: 0.5 L: 0.53
#2f678d
H: 204 S: 0.5 L: 0.37
#d5ab8f
H: 24 S: 0.45 L: 0.7
#bc540f
H: 24 S: 0.85 L: 0.4
#93c34b
H: 84 S: 0.5 L: 0.53
#8cbad8
H: 204 S: 0.49 L: 0.7
#0697f8
H: 204 S: 0.95 L: 0.5
#f1ecf7
H: 267 S: 0.41 L: 0.95
#8fd12d
H: 84 S: 0.65 L: 0.5
#f96705
H: 24 S: 0.96 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b3754b
H: 24 S: 0.41 L: 0.5
#4b89b3
H: 204 S: 0.41 L: 0.5
#7a4bb3
H: 267 S: 0.41 L: 0.5
#7305f9
H: 267 S: 0.96 L: 0.5
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#d29c79
H: 24 S: 0.5 L: 0.65
#e8ccba
H: 23 S: 0.5 L: 0.82
#a280d4
H: 264 S: 0.49 L: 0.67
#aecee4
H: 204 S: 0.5 L: 0.79
#8ac6ef
H: 204 S: 0.76 L: 0.74
#6706f8
H: 264 S: 0.95 L: 0.5
#94e915
H: 84 S: 0.83 L: 0.5
#ecc5ab
H: 24 S: 0.63 L: 0.8
#7f7f7f
H: 0 S: 0 L: 0.5
#df8a52
H: 24 S: 0.69 L: 0.6
#4f2102
H: 24 S: 0.95 L: 0.16
#8b5e40
H: 24 S: 0.37 L: 0.4
#350381
H: 264 S: 0.95 L: 0.26
#f0680e
H: 24 S: 0.89 L: 0.5
#3f8cbf
H: 204 S: 0.5 L: 0.5
#723fbf
H: 264 S: 0.5 L: 0.5
#8cbf3f
H: 84 S: 0.5 L: 0.5
#bf723f
H: 24 S: 0.5 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e3a881
H: 24 S: 0.64 L: 0.7
#678d2f
H: 84 S: 0.5 L: 0.37
#d7e9bd
H: 85 S: 0.5 L: 0.83
#1e435b
H: 204 S: 0.5 L: 0.24
#f0680e
H: 24 S: 0.89 L: 0.5
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.