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

#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33

Variants

#002f66
H: 212 S: 1 L: 0.2
#360066
H: 272 S: 1 L: 0.2
#626600
H: 62 S: 1 L: 0.2
#0c3059
H: 212 S: 0.76 L: 0.2
#350c59
H: 272 S: 0.76 L: 0.2
#56590c
H: 62 S: 0.76 L: 0.2
#19314c
H: 212 S: 0.5 L: 0.2
#34194c
H: 272 S: 0.5 L: 0.2
#4a4c19
H: 62 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#33263f
H: 271 S: 0.25 L: 0.2
#3e3f26
H: 62 S: 0.25 L: 0.2
#00499e
H: 212 S: 1 L: 0.31
#54009e
H: 272 S: 1 L: 0.31
#989e00
H: 62 S: 1 L: 0.31
#134b8a
H: 212 S: 0.76 L: 0.31
#53138a
H: 272 S: 0.76 L: 0.31
#868a13
H: 62 S: 0.76 L: 0.31
#274c76
H: 212 S: 0.5 L: 0.31
#512776
H: 272 S: 0.5 L: 0.31
#737627
H: 62 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#503b62
H: 272 S: 0.25 L: 0.31
#61623b
H: 62 S: 0.25 L: 0.31
#0063d6
H: 212 S: 1 L: 0.42
#7200d6
H: 272 S: 1 L: 0.42
#cfd600
H: 62 S: 1 L: 0.42
#1a65bb
H: 212 S: 0.76 L: 0.42
#701abb
H: 272 S: 0.76 L: 0.42
#b6bb1a
H: 62 S: 0.76 L: 0.42
#3567a0
H: 212 S: 0.5 L: 0.42
#6e35a0
H: 272 S: 0.5 L: 0.42
#9da035
H: 62 S: 0.5 L: 0.42
#506985
H: 212 S: 0.25 L: 0.42
#6c5085
H: 272 S: 0.25 L: 0.42
#848550
H: 61 S: 0.25 L: 0.42
#0f7fff
H: 212 S: 1 L: 0.53
#8f0fff
H: 272 S: 1 L: 0.53
#f7ff0f
H: 62 S: 1 L: 0.53
#2d81e1
H: 212 S: 0.75 L: 0.53
#8d2de1
H: 272 S: 0.75 L: 0.53
#dbe12d
H: 62 S: 0.75 L: 0.53
#4b83c3
H: 212 S: 0.5 L: 0.53
#8b4bc3
H: 272 S: 0.5 L: 0.53
#bfc34b
H: 62 S: 0.5 L: 0.53
#6985a5
H: 212 S: 0.25 L: 0.53
#8969a5
H: 272 S: 0.25 L: 0.53
#a3a569
H: 62 S: 0.25 L: 0.53
#479dff
H: 212 S: 1 L: 0.64
#a947ff
H: 272 S: 1 L: 0.64
#f8ff47
H: 62 S: 1 L: 0.64
#5e9ee8
H: 212 S: 0.75 L: 0.64
#a75ee8
H: 272 S: 0.75 L: 0.64
#e3e85e
H: 62 S: 0.75 L: 0.64
#75a0d1
H: 212 S: 0.5 L: 0.64
#a675d1
H: 272 S: 0.5 L: 0.64
#ced175
H: 62 S: 0.5 L: 0.64
#8ca1ba
H: 213 S: 0.25 L: 0.64
#a48cba
H: 271 S: 0.25 L: 0.64
#b8ba8c
H: 63 S: 0.25 L: 0.64
#7fbbff
H: 212 S: 1 L: 0.75
#c37fff
H: 272 S: 1 L: 0.75
#faff7f
H: 62 S: 1 L: 0.75
#8fbcef
H: 212 S: 0.75 L: 0.75
#c28fef
H: 272 S: 0.75 L: 0.75
#ebef8f
H: 63 S: 0.75 L: 0.75
#9fbddf
H: 212 S: 0.5 L: 0.75
#c19fdf
H: 272 S: 0.5 L: 0.75
#dddf9f
H: 62 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#c0afcf
H: 272 S: 0.25 L: 0.75
#cecfaf
H: 62 S: 0.25 L: 0.75
#b7d8ff
H: 213 S: 1 L: 0.86
#ddb7ff
H: 272 S: 1 L: 0.86
#fcffb7
H: 63 S: 1 L: 0.86
#c0d9f6
H: 212 S: 0.75 L: 0.86
#ddc0f6
H: 272 S: 0.75 L: 0.86
#f4f6c0
H: 62 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#dcc9ed
H: 272 S: 0.5 L: 0.86
#ebedc9
H: 63 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#dbd2e4
H: 270 S: 0.25 L: 0.86
#e3e4d2
H: 63 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#f7efff
H: 270 S: 1 L: 0.97
#feffef
H: 64 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f7f1fd
H: 270 S: 0.75 L: 0.97
#fcfdf1
H: 65 S: 0.75 L: 0.97
#f3f7fb
H: 210 S: 0.5 L: 0.97
#f7f3fb
H: 270 S: 0.5 L: 0.97
#fafbf3
H: 68 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f7f5f9
H: 270 S: 0.25 L: 0.97
#f9f9f5
H: 60 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.

#4c79ad
H: 212 S: 0.39 L: 0.49
#563374
H: 272 S: 0.39 L: 0.33
#dddfa3
H: 62 S: 0.48 L: 0.76
#337acc
H: 212 S: 0.6 L: 0.5
#824db1
H: 272 S: 0.39 L: 0.5
#adb14d
H: 62 S: 0.39 L: 0.5
#355272
H: 211 S: 0.37 L: 0.33
#580c9b
H: 272 S: 0.86 L: 0.33
#757730
H: 62 S: 0.43 L: 0.33
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#9fb8d5
H: 212 S: 0.39 L: 0.73
#edf1f7
H: 216 S: 0.38 L: 0.95
#851fdf
H: 272 S: 0.76 L: 0.5
#adb14d
H: 62 S: 0.39 L: 0.5
#ce8430
H: 32 S: 0.62 L: 0.5
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#f2f2e2
H: 60 S: 0.38 L: 0.92
#2d5684
H: 212 S: 0.49 L: 0.35
#571d8a
H: 272 S: 0.65 L: 0.33
#6b6d30
H: 62 S: 0.39 L: 0.31
#dfcdb8
H: 32 S: 0.38 L: 0.8
#4974a6
H: 212 S: 0.39 L: 0.47
#571b8c
H: 272 S: 0.68 L: 0.33
#777a2e
H: 62 S: 0.45 L: 0.33
#545454
H: 0 S: 0 L: 0.33
#e8b67c
H: 32 S: 0.7 L: 0.7
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#edf1f7
H: 216 S: 0.38 L: 0.95
#adb14d
H: 62 S: 0.39 L: 0.5
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#6b6b6b
H: 0 S: 0 L: 0.42
#444444
H: 0 S: 0 L: 0.27
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#aa86ca
H: 272 S: 0.39 L: 0.66
#241531
H: 272 S: 0.4 L: 0.14
#668ebc
H: 212 S: 0.39 L: 0.57
#563374
H: 272 S: 0.39 L: 0.33
#8b8d3e
H: 62 S: 0.39 L: 0.4
#636363
H: 0 S: 0 L: 0.39
#444444
H: 0 S: 0 L: 0.27
#f4f4f4
H: 0 S: 0 L: 0.96
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#a4815a
H: 32 S: 0.29 L: 0.5
#e59e4c
H: 32 S: 0.75 L: 0.6
#ad8acb
H: 272 S: 0.38 L: 0.67
#0a77f4
H: 212 S: 0.92 L: 0.5
#824db1
H: 272 S: 0.39 L: 0.5
#abae50
H: 62 S: 0.37 L: 0.5
#f3e6fd
H: 274 S: 0.85 L: 0.95
#4d7cb1
H: 212 S: 0.39 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#b8cadf
H: 212 S: 0.38 L: 0.8
#563374
H: 272 S: 0.39 L: 0.33
#c2c57b
H: 62 S: 0.39 L: 0.63
#a0a0a0
H: 0 S: 0 L: 0.63
#595b29
H: 62 S: 0.38 L: 0.26
#f6f7ed
H: 66 S: 0.38 L: 0.95
#789bc3
H: 212 S: 0.38 L: 0.62
#562f79
H: 272 S: 0.44 L: 0.33
#6f7131
H: 62 S: 0.4 L: 0.32
#abae4a
H: 62 S: 0.4 L: 0.49
#c6b39e
H: 32 S: 0.26 L: 0.7
#4579b3
H: 212 S: 0.44 L: 0.49
#e2eaf2
H: 210 S: 0.38 L: 0.92
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#f6f7ed
H: 66 S: 0.38 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#d3852b
H: 32 S: 0.66 L: 0.5
#4d7cb1
H: 212 S: 0.39 L: 0.5
#a0bfe3
H: 212 S: 0.54 L: 0.76
#581593
H: 272 S: 0.75 L: 0.33
#737627
H: 62 S: 0.5 L: 0.31
#545454
H: 0 S: 0 L: 0.33
#e0e2a0
H: 62 S: 0.53 L: 0.76
#faf6fd
H: 274 S: 0.64 L: 0.98
#2a143d
H: 272 S: 0.51 L: 0.16
#3a526e
H: 212 S: 0.31 L: 0.33
#cbafe3
H: 272 S: 0.48 L: 0.79
#797b2c
H: 62 S: 0.47 L: 0.33
#e8cdaf
H: 32 S: 0.55 L: 0.8
#e59e4c
H: 32 S: 0.75 L: 0.6
#6c8cb1
H: 212 S: 0.31 L: 0.56
#b86b13
H: 32 S: 0.81 L: 0.4
#5b86b7
H: 212 S: 0.39 L: 0.54
#572583
H: 272 S: 0.56 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#9b9b9b
H: 0 S: 0 L: 0.61
#424242
H: 0 S: 0 L: 0.26
#3a3a3a
H: 0 S: 0 L: 0.23
#afafaf
H: 0 S: 0 L: 0.69
#262626
H: 0 S: 0 L: 0.15
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#c4843a
H: 32 S: 0.54 L: 0.5
#e1d4ec
H: 273 S: 0.39 L: 0.88
#7a49a6
H: 272 S: 0.39 L: 0.47
#94b0d0
H: 212 S: 0.39 L: 0.7
#c5b39f
H: 32 S: 0.25 L: 0.7
#e9f1fb
H: 213 S: 0.69 L: 0.95
#824db1
H: 272 S: 0.39 L: 0.5
#eff707
H: 62 S: 0.94 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#8707f7
H: 272 S: 0.94 L: 0.5
#2776d7
H: 213 S: 0.69 L: 0.5
#e0851e
H: 32 S: 0.76 L: 0.5
#adb14d
H: 62 S: 0.39 L: 0.5
#1d508a
H: 212 S: 0.65 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#686a3e
H: 63 S: 0.26 L: 0.33
#4187d6
H: 212 S: 0.65 L: 0.55
#f2eef5
H: 274 S: 0.26 L: 0.95
#c8b39c
H: 31 S: 0.29 L: 0.7
#c2c92a
H: 63 S: 0.65 L: 0.48
#be6b0d
H: 32 S: 0.87 L: 0.4
#335174
H: 212 S: 0.39 L: 0.33
#aa86ca
H: 272 S: 0.39 L: 0.66
#e8ed44
H: 62 S: 0.82 L: 0.6
#c68438
H: 32 S: 0.56 L: 0.5
#dcb588
H: 32 S: 0.55 L: 0.7
#9e45ec
H: 272 S: 0.81 L: 0.6
#cea2f5
H: 272 S: 0.81 L: 0.8
#f4f7fa
H: 210 S: 0.37 L: 0.97
#727433
H: 62 S: 0.39 L: 0.33
#a6bdd8
H: 212 S: 0.39 L: 0.75
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#e0851e
H: 32 S: 0.76 L: 0.5
#d6d8a6
H: 62 S: 0.39 L: 0.75
#f4f7fa
H: 210 S: 0.37 L: 0.97
#517eb2
H: 212 S: 0.39 L: 0.51
#bf9b72
H: 32 S: 0.38 L: 0.6
#996dbf
H: 272 S: 0.39 L: 0.59
#335174
H: 212 S: 0.39 L: 0.33
#563374
H: 272 S: 0.39 L: 0.33
#727433
H: 62 S: 0.39 L: 0.33
#b1b454
H: 62 S: 0.39 L: 0.52
#ba6b11
H: 32 S: 0.83 L: 0.4
#804cad
H: 272 S: 0.39 L: 0.49
#a6bdd8
H: 212 S: 0.39 L: 0.75
#d9dbad
H: 63 S: 0.39 L: 0.77
#fbfbf7
H: 60 S: 0.33 L: 0.98
#335174
H: 212 S: 0.39 L: 0.33
#9e74c2
H: 272 S: 0.39 L: 0.61
#7b7e2a
H: 62 S: 0.5 L: 0.33
#dbdbdb
H: 0 S: 0 L: 0.86
#2d2d2d
H: 0 S: 0 L: 0.18
#b7b7b7
H: 0 S: 0 L: 0.72
#8e8e8e
H: 0 S: 0 L: 0.56
#4f4f4f
H: 0 S: 0 L: 0.31
#cccccc
H: 0 S: 0 L: 0.8
#335174
H: 212 S: 0.39 L: 0.33
#572285
H: 272 S: 0.59 L: 0.33
#aaad4c
H: 62 S: 0.39 L: 0.49
#bb9fd5
H: 271 S: 0.39 L: 0.73
#7c7c7c
H: 0 S: 0 L: 0.49
#d3d59f
H: 62 S: 0.39 L: 0.73
#804cad
H: 272 S: 0.39 L: 0.49
#828522
H: 62 S: 0.59 L: 0.33
#fdfdfb
H: 60 S: 0.33 L: 0.99
#0d0711
H: 276 S: 0.42 L: 0.05
#395b83
H: 212 S: 0.39 L: 0.37
#c0b0cd
H: 273 S: 0.22 L: 0.75
#84881f
H: 62 S: 0.63 L: 0.33
#db9d56
H: 32 S: 0.65 L: 0.6
#c06c0b
H: 32 S: 0.89 L: 0.4
#1f2831
H: 210 S: 0.23 L: 0.16
#ecede3
H: 66 S: 0.22 L: 0.91
#488ad5
H: 212 S: 0.63 L: 0.56
#612195
H: 273 S: 0.64 L: 0.36
#8e3bd2
H: 273 S: 0.63 L: 0.53
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.