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

#3871c6
H: 216 S: 0.56 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#38c68d
H: 156 S: 0.56 L: 0.5

Variants

#002866
H: 216 S: 1 L: 0.2
#005b66
H: 186 S: 1 L: 0.2
#00663d
H: 156 S: 1 L: 0.2
#0c2b59
H: 216 S: 0.76 L: 0.2
#0c5159
H: 186 S: 0.76 L: 0.2
#0c593a
H: 156 S: 0.76 L: 0.2
#192d4c
H: 216 S: 0.5 L: 0.2
#19474c
H: 186 S: 0.5 L: 0.2
#194c38
H: 156 S: 0.5 L: 0.2
#26303f
H: 216 S: 0.25 L: 0.2
#263d3f
H: 185 S: 0.25 L: 0.2
#263f35
H: 156 S: 0.25 L: 0.2
#003f9e
H: 216 S: 1 L: 0.31
#008e9e
H: 186 S: 1 L: 0.31
#009e5e
H: 156 S: 1 L: 0.31
#13438a
H: 216 S: 0.76 L: 0.31
#137e8a
H: 186 S: 0.76 L: 0.31
#138a5a
H: 156 S: 0.76 L: 0.31
#274776
H: 216 S: 0.5 L: 0.31
#276e76
H: 186 S: 0.5 L: 0.31
#277656
H: 156 S: 0.5 L: 0.31
#3b4b62
H: 215 S: 0.25 L: 0.31
#3b5e62
H: 186 S: 0.25 L: 0.31
#3b6253
H: 157 S: 0.25 L: 0.31
#0055d6
H: 216 S: 1 L: 0.42
#00c0d6
H: 186 S: 1 L: 0.42
#00d680
H: 156 S: 1 L: 0.42
#1a5bbb
H: 216 S: 0.76 L: 0.42
#1aabbb
H: 186 S: 0.76 L: 0.42
#1abb7b
H: 156 S: 0.76 L: 0.42
#3560a0
H: 216 S: 0.5 L: 0.42
#3595a0
H: 186 S: 0.5 L: 0.42
#35a075
H: 156 S: 0.5 L: 0.42
#506585
H: 216 S: 0.25 L: 0.42
#508085
H: 186 S: 0.25 L: 0.42
#508570
H: 156 S: 0.25 L: 0.42
#0f6fff
H: 216 S: 1 L: 0.53
#0fe7ff
H: 186 S: 1 L: 0.53
#0fff9f
H: 156 S: 1 L: 0.53
#2d75e1
H: 216 S: 0.75 L: 0.53
#2dcfe1
H: 186 S: 0.75 L: 0.53
#2de199
H: 156 S: 0.75 L: 0.53
#4b7bc3
H: 216 S: 0.5 L: 0.53
#4bb7c3
H: 186 S: 0.5 L: 0.53
#4bc393
H: 156 S: 0.5 L: 0.53
#6981a5
H: 216 S: 0.25 L: 0.53
#699fa5
H: 186 S: 0.25 L: 0.53
#69a58d
H: 156 S: 0.25 L: 0.53
#4790ff
H: 216 S: 1 L: 0.64
#47ecff
H: 186 S: 1 L: 0.64
#47ffb5
H: 156 S: 1 L: 0.64
#5e95e8
H: 216 S: 0.75 L: 0.64
#5edae8
H: 186 S: 0.75 L: 0.64
#5ee8b0
H: 156 S: 0.75 L: 0.64
#759ad1
H: 216 S: 0.5 L: 0.64
#75c7d1
H: 187 S: 0.5 L: 0.64
#75d1ac
H: 156 S: 0.5 L: 0.64
#8c9eba
H: 217 S: 0.25 L: 0.64
#8cb5ba
H: 187 S: 0.25 L: 0.64
#8cbaa7
H: 155 S: 0.25 L: 0.64
#7fb2ff
H: 216 S: 1 L: 0.75
#7ff2ff
H: 186 S: 1 L: 0.75
#7fffcc
H: 156 S: 1 L: 0.75
#8fb5ef
H: 216 S: 0.75 L: 0.75
#8fe5ef
H: 186 S: 0.75 L: 0.75
#8fefc8
H: 156 S: 0.75 L: 0.75
#9fb8df
H: 217 S: 0.5 L: 0.75
#9fd8df
H: 187 S: 0.5 L: 0.75
#9fdfc5
H: 156 S: 0.5 L: 0.75
#afbccf
H: 216 S: 0.25 L: 0.75
#afcccf
H: 186 S: 0.25 L: 0.75
#afcfc2
H: 156 S: 0.25 L: 0.75
#b7d4ff
H: 216 S: 1 L: 0.86
#b7f7ff
H: 187 S: 1 L: 0.86
#b7ffe2
H: 156 S: 1 L: 0.86
#c0d5f6
H: 217 S: 0.75 L: 0.86
#c0f0f6
H: 187 S: 0.75 L: 0.86
#c0f6e0
H: 156 S: 0.75 L: 0.86
#c9d7ed
H: 217 S: 0.5 L: 0.86
#c9e9ed
H: 187 S: 0.5 L: 0.86
#c9edde
H: 155 S: 0.5 L: 0.86
#d2d9e4
H: 217 S: 0.25 L: 0.86
#d2e2e4
H: 187 S: 0.25 L: 0.86
#d2e4dd
H: 157 S: 0.25 L: 0.86
#eff5ff
H: 218 S: 1 L: 0.97
#effdff
H: 188 S: 1 L: 0.97
#effff8
H: 154 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f1fbfd
H: 190 S: 0.75 L: 0.97
#f1fdf8
H: 155 S: 0.75 L: 0.97
#f3f6fb
H: 218 S: 0.5 L: 0.97
#f3fafb
H: 188 S: 0.5 L: 0.97
#f3fbf8
H: 158 S: 0.5 L: 0.97
#f5f6f9
H: 225 S: 0.25 L: 0.97
#f5f8f9
H: 195 S: 0.25 L: 0.97
#f5f9f7
H: 150 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
#c67905
H: 36 S: 0.95 L: 0.4
#ad741e
H: 36 S: 0.7 L: 0.4
#936f38
H: 36 S: 0.45 L: 0.4
#d9932a
H: 36 S: 0.7 L: 0.51
#ba8d49
H: 36 S: 0.45 L: 0.51
#e1ab5a
H: 36 S: 0.69 L: 0.62
#c9a672
H: 36 S: 0.45 L: 0.62
#eac389
H: 36 S: 0.7 L: 0.73
#d9c09b
H: 36 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.

#5076ae
H: 216 S: 0.37 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#9fe4c8
H: 156 S: 0.56 L: 0.76
#226cdc
H: 216 S: 0.73 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#bddace
H: 155 S: 0.28 L: 0.8
#649cf1
H: 216 S: 0.83 L: 0.67
#09d0e6
H: 186 S: 0.92 L: 0.47
#53ce9d
H: 156 S: 0.56 L: 0.57
#e6effe
H: 218 S: 0.92 L: 0.95
#38b8c6
H: 186 S: 0.56 L: 0.5
#629c85
H: 156 S: 0.23 L: 0.5
#a1865d
H: 36 S: 0.27 L: 0.5
#5977a5
H: 216 S: 0.3 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#edf6f3
H: 160 S: 0.33 L: 0.95
#b78a47
H: 36 S: 0.44 L: 0.5
#295598
H: 216 S: 0.58 L: 0.38
#25baca
H: 186 S: 0.69 L: 0.47
#53ce9d
H: 156 S: 0.56 L: 0.57
#d1b893
H: 36 S: 0.4 L: 0.7
#3871c6
H: 216 S: 0.56 L: 0.5
#7ddce7
H: 186 S: 0.69 L: 0.7
#48cb96
H: 156 S: 0.56 L: 0.54
#194689
H: 216 S: 0.69 L: 0.32
#3871c6
H: 216 S: 0.56 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#38c68d
H: 156 S: 0.56 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#1e636b
H: 186 S: 0.56 L: 0.27
#3871c6
H: 216 S: 0.56 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#38c68d
H: 156 S: 0.56 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#7bd0d9
H: 186 S: 0.55 L: 0.67
#3871c6
H: 216 S: 0.56 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#38c68d
H: 156 S: 0.56 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#ebf0f9
H: 219 S: 0.54 L: 0.95
#3871c6
H: 216 S: 0.56 L: 0.5
#1192a0
H: 186 S: 0.81 L: 0.35
#6cbb9b
H: 156 S: 0.37 L: 0.58
#595959
H: 0 S: 0 L: 0.35
#dbcfbc
H: 37 S: 0.3 L: 0.8
#1369eb
H: 216 S: 0.85 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#0fef95
H: 156 S: 0.88 L: 0.5
#c98e35
H: 36 S: 0.58 L: 0.5
#13d6eb
H: 186 S: 0.85 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#487ccb
H: 216 S: 0.56 L: 0.54
#95e0e9
H: 186 S: 0.66 L: 0.75
#217755
H: 156 S: 0.57 L: 0.3
#bc770f
H: 36 S: 0.85 L: 0.4
#26ba7f
H: 156 S: 0.66 L: 0.44
#0f3827
H: 155 S: 0.58 L: 0.14
#1b65d4
H: 216 S: 0.77 L: 0.47
#38b8c6
H: 186 S: 0.56 L: 0.5
#56a887
H: 156 S: 0.32 L: 0.5
#0f754c
H: 156 S: 0.77 L: 0.26
#e5bc7f
H: 36 S: 0.66 L: 0.7
#1bd48a
H: 156 S: 0.77 L: 0.47
#3871c6
H: 216 S: 0.56 L: 0.5
#1d848f
H: 186 S: 0.66 L: 0.34
#63d3a6
H: 156 S: 0.56 L: 0.61
#b89f79
H: 36 S: 0.31 L: 0.6
#565656
H: 0 S: 0 L: 0.34
#e3d0b4
H: 36 S: 0.46 L: 0.8
#3871c6
H: 216 S: 0.56 L: 0.5
#73e0ec
H: 186 S: 0.76 L: 0.69
#24da91
H: 156 S: 0.72 L: 0.5
#dfa752
H: 36 S: 0.69 L: 0.6
#7f7f7f
H: 0 S: 0 L: 0.5
#afafaf
H: 0 S: 0 L: 0.69
#a27229
H: 36 S: 0.6 L: 0.4
#5f799f
H: 216 S: 0.25 L: 0.5
#02e3fc
H: 186 S: 0.98 L: 0.5
#327057
H: 156 S: 0.38 L: 0.32
#856c46
H: 36 S: 0.31 L: 0.4
#ead2ad
H: 36 S: 0.59 L: 0.8
#b89f79
H: 36 S: 0.31 L: 0.6
#0266fc
H: 216 S: 0.98 L: 0.5
#1369eb
H: 216 S: 0.85 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#0bf396
H: 156 S: 0.91 L: 0.5
#e7fafd
H: 188 S: 0.85 L: 0.95
#e8d1af
H: 36 S: 0.55 L: 0.8
#a7fad9
H: 156 S: 0.89 L: 0.82
#846c47
H: 36 S: 0.3 L: 0.4
#18488f
H: 216 S: 0.71 L: 0.33
#84e0ea
H: 186 S: 0.71 L: 0.72
#35c48b
H: 156 S: 0.57 L: 0.49
#936f38
H: 36 S: 0.45 L: 0.4
#eb9513
H: 36 S: 0.85 L: 0.5
#b7b7b7
H: 0 S: 0 L: 0.72
#356ec4
H: 216 S: 0.57 L: 0.49
#6b96d5
H: 216 S: 0.56 L: 0.63
#38b8c6
H: 186 S: 0.56 L: 0.5
#81e8bf
H: 156 S: 0.69 L: 0.71
#b5b5b5
H: 0 S: 0 L: 0.71
#7f7f7f
H: 0 S: 0 L: 0.5
#237f5a
H: 156 S: 0.57 L: 0.32
#2362c1
H: 216 S: 0.69 L: 0.45
#cbecf0
H: 186 S: 0.55 L: 0.87
#6d96d3
H: 216 S: 0.54 L: 0.63
#38b8c6
H: 186 S: 0.56 L: 0.5
#237f5a
H: 156 S: 0.57 L: 0.32
#a0a0a0
H: 0 S: 0 L: 0.63
#515151
H: 0 S: 0 L: 0.32
#9f712c
H: 36 S: 0.57 L: 0.4
#cca365
H: 36 S: 0.5 L: 0.6
#fbfcfd
H: 210 S: 0.33 L: 0.99
#2463c0
H: 216 S: 0.68 L: 0.45
#405f62
H: 185 S: 0.21 L: 0.32
#4cb289
H: 156 S: 0.4 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#a2c2b5
H: 156 S: 0.21 L: 0.7
#ffffff
H: 0 S: 0 L: 1
#8fe2e9
H: 185 S: 0.67 L: 0.74
#46cfdb
H: 185 S: 0.67 L: 0.57
#0343a4
H: 216 S: 0.96 L: 0.33
#38b8c6
H: 186 S: 0.56 L: 0.5
#54aa88
H: 156 S: 0.34 L: 0.5
#cdb797
H: 36 S: 0.35 L: 0.7
#c38d3b
H: 36 S: 0.54 L: 0.5
#03a464
H: 156 S: 0.96 L: 0.33
#abe1e7
H: 186 S: 0.56 L: 0.79
#10213b
H: 216 S: 0.57 L: 0.15
#3871c6
H: 216 S: 0.56 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#38c68d
H: 156 S: 0.56 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#dbe5f4
H: 216 S: 0.53 L: 0.91
#93d8e0
H: 186 S: 0.55 L: 0.73
#19545b
H: 186 S: 0.57 L: 0.23
#999999
H: 0 S: 0 L: 0.6
#346aba
H: 216 S: 0.56 L: 0.47
#4f82cd
H: 216 S: 0.56 L: 0.56
#5ce0ee
H: 186 S: 0.81 L: 0.65
#35be88
H: 156 S: 0.56 L: 0.48
#e7f8f1
H: 155 S: 0.55 L: 0.94
#b59e7c
H: 36 S: 0.28 L: 0.6
#d18f2d
H: 36 S: 0.65 L: 0.5
#9bb8e2
H: 215 S: 0.55 L: 0.75
#0f3337
H: 186 S: 0.57 L: 0.14
#14b4c6
H: 186 S: 0.82 L: 0.43
#2c6ed2
H: 216 S: 0.65 L: 0.5
#14d5ea
H: 186 S: 0.84 L: 0.5
#3dcb92
H: 156 S: 0.58 L: 0.52
#7f7f7f
H: 0 S: 0 L: 0.5
#e5e5e5
H: 0 S: 0 L: 0.9
#333333
H: 0 S: 0 L: 0.2
#0a0a0a
H: 0 S: 0 L: 0.04
#7a7a7a
H: 0 S: 0 L: 0.48
#8c8c8c
H: 0 S: 0 L: 0.55
#3061ab
H: 216 S: 0.56 L: 0.43
#87d4dd
H: 186 S: 0.56 L: 0.7
#31af7c
H: 156 S: 0.56 L: 0.44
#b2b2b2
H: 0 S: 0 L: 0.7
#113b3f
H: 185 S: 0.58 L: 0.16
#ffffff
H: 0 S: 0 L: 1
#b97612
H: 36 S: 0.82 L: 0.4
#707070
H: 0 S: 0 L: 0.44
#e4bc80
H: 36 S: 0.65 L: 0.7
#3871c6
H: 216 S: 0.56 L: 0.5
#63c8d3
H: 186 S: 0.56 L: 0.61
#38c68d
H: 156 S: 0.56 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#919191
H: 0 S: 0 L: 0.57
#d6d6d6
H: 0 S: 0 L: 0.84
#a3a3a3
H: 0 S: 0 L: 0.64
#212121
H: 0 S: 0 L: 0.13
#ededed
H: 0 S: 0 L: 0.93
#3d3d3d
H: 0 S: 0 L: 0.24
#3871c6
H: 216 S: 0.56 L: 0.5
#38b8c6
H: 186 S: 0.56 L: 0.5
#38c68d
H: 156 S: 0.56 L: 0.5
#dacebd
H: 35 S: 0.28 L: 0.8
#ba9f77
H: 36 S: 0.33 L: 0.6
#846c47
H: 36 S: 0.3 L: 0.4
#d3902b
H: 36 S: 0.66 L: 0.5
#e3f5f7
H: 186 S: 0.56 L: 0.93
#0f1f37
H: 216 S: 0.57 L: 0.14
#77d8b2
H: 156 S: 0.55 L: 0.66
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.