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

#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58

Variants

#002f66
H: 212 S: 1 L: 0.2
#626600
H: 62 S: 1 L: 0.2
#660300
H: 2 S: 1 L: 0.2
#0c3059
H: 212 S: 0.76 L: 0.2
#56590c
H: 62 S: 0.76 L: 0.2
#590f0c
H: 2 S: 0.76 L: 0.2
#19314c
H: 212 S: 0.5 L: 0.2
#4a4c19
H: 62 S: 0.5 L: 0.2
#4c1b19
H: 2 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#3e3f26
H: 62 S: 0.25 L: 0.2
#3f2726
H: 2 S: 0.25 L: 0.2
#00499e
H: 212 S: 1 L: 0.31
#989e00
H: 62 S: 1 L: 0.31
#9e0500
H: 2 S: 1 L: 0.31
#134b8a
H: 212 S: 0.76 L: 0.31
#868a13
H: 62 S: 0.76 L: 0.31
#8a1713
H: 2 S: 0.76 L: 0.31
#274c76
H: 212 S: 0.5 L: 0.31
#737627
H: 62 S: 0.5 L: 0.31
#762a27
H: 2 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#61623b
H: 62 S: 0.25 L: 0.31
#623c3b
H: 2 S: 0.25 L: 0.31
#0063d6
H: 212 S: 1 L: 0.42
#cfd600
H: 62 S: 1 L: 0.42
#d60700
H: 2 S: 1 L: 0.42
#1a65bb
H: 212 S: 0.76 L: 0.42
#b6bb1a
H: 62 S: 0.76 L: 0.42
#bb201a
H: 2 S: 0.76 L: 0.42
#3567a0
H: 212 S: 0.5 L: 0.42
#9da035
H: 62 S: 0.5 L: 0.42
#a03935
H: 2 S: 0.5 L: 0.42
#506985
H: 212 S: 0.25 L: 0.42
#848550
H: 61 S: 0.25 L: 0.42
#855250
H: 2 S: 0.25 L: 0.42
#0f7fff
H: 212 S: 1 L: 0.53
#f7ff0f
H: 62 S: 1 L: 0.53
#ff170f
H: 2 S: 1 L: 0.53
#2d81e1
H: 212 S: 0.75 L: 0.53
#dbe12d
H: 62 S: 0.75 L: 0.53
#e1332d
H: 2 S: 0.75 L: 0.53
#4b83c3
H: 212 S: 0.5 L: 0.53
#bfc34b
H: 62 S: 0.5 L: 0.53
#c34f4b
H: 2 S: 0.5 L: 0.53
#6985a5
H: 212 S: 0.25 L: 0.53
#a3a569
H: 62 S: 0.25 L: 0.53
#a56b69
H: 2 S: 0.25 L: 0.53
#479dff
H: 212 S: 1 L: 0.64
#f8ff47
H: 62 S: 1 L: 0.64
#ff4d47
H: 2 S: 1 L: 0.64
#5e9ee8
H: 212 S: 0.75 L: 0.64
#e3e85e
H: 62 S: 0.75 L: 0.64
#e8625e
H: 2 S: 0.75 L: 0.64
#75a0d1
H: 212 S: 0.5 L: 0.64
#ced175
H: 62 S: 0.5 L: 0.64
#d17875
H: 2 S: 0.5 L: 0.64
#8ca1ba
H: 213 S: 0.25 L: 0.64
#b8ba8c
H: 63 S: 0.25 L: 0.64
#ba8d8c
H: 1 S: 0.25 L: 0.64
#7fbbff
H: 212 S: 1 L: 0.75
#faff7f
H: 62 S: 1 L: 0.75
#ff837f
H: 2 S: 1 L: 0.75
#8fbcef
H: 212 S: 0.75 L: 0.75
#ebef8f
H: 63 S: 0.75 L: 0.75
#ef928f
H: 2 S: 0.75 L: 0.75
#9fbddf
H: 212 S: 0.5 L: 0.75
#dddf9f
H: 62 S: 0.5 L: 0.75
#dfa19f
H: 2 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#cecfaf
H: 62 S: 0.25 L: 0.75
#cfb0af
H: 2 S: 0.25 L: 0.75
#b7d8ff
H: 213 S: 1 L: 0.86
#fcffb7
H: 63 S: 1 L: 0.86
#ffb9b7
H: 2 S: 1 L: 0.86
#c0d9f6
H: 212 S: 0.75 L: 0.86
#f4f6c0
H: 62 S: 0.75 L: 0.86
#f6c2c0
H: 2 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#ebedc9
H: 63 S: 0.5 L: 0.86
#edcac9
H: 2 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#e3e4d2
H: 63 S: 0.25 L: 0.86
#e4d2d2
H: 0 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#feffef
H: 64 S: 1 L: 0.97
#fff0ef
H: 4 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#fcfdf1
H: 65 S: 0.75 L: 0.97
#fdf1f1
H: 0 S: 0.75 L: 0.97
#f3f7fb
H: 210 S: 0.5 L: 0.97
#fafbf3
H: 68 S: 0.5 L: 0.97
#fbf3f3
H: 0 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f9f9f5
H: 60 S: 0.25 L: 0.97
#f9f5f5
H: 0 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.

#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#a8403c
H: 2 S: 0.47 L: 0.45
#7b92ac
H: 212 S: 0.23 L: 0.58
#e9f018
H: 62 S: 0.88 L: 0.52
#ce5c58
H: 2 S: 0.55 L: 0.58
#3c8eeb
H: 212 S: 0.81 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#d2bcbb
H: 3 S: 0.2 L: 0.78
#094c99
H: 212 S: 0.89 L: 0.32
#dbddb5
H: 63 S: 0.37 L: 0.79
#f23b35
H: 2 S: 0.88 L: 0.58
#939393
H: 0 S: 0 L: 0.58
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#ffffff
H: 0 S: 0 L: 1
#3e8ee9
H: 212 S: 0.8 L: 0.58
#adaf78
H: 62 S: 0.26 L: 0.58
#f8a29f
H: 2 S: 0.86 L: 0.8
#e3e93e
H: 62 S: 0.8 L: 0.58
#3a90f2
H: 212 S: 0.88 L: 0.59
#e1e740
H: 62 S: 0.78 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#969696
H: 0 S: 0 L: 0.59
#558fd2
H: 212 S: 0.58 L: 0.58
#c1c562
H: 62 S: 0.46 L: 0.58
#e5736f
H: 2 S: 0.69 L: 0.67
#939393
H: 0 S: 0 L: 0.58
#c56c06
H: 32 S: 0.94 L: 0.4
#abb9c8
H: 211 S: 0.21 L: 0.73
#bec40c
H: 62 S: 0.88 L: 0.41
#f23b35
H: 2 S: 0.88 L: 0.58
#686868
H: 0 S: 0 L: 0.41
#939393
H: 0 S: 0 L: 0.58
#ebf1f9
H: 214 S: 0.54 L: 0.95
#e8ef0f
H: 62 S: 0.88 L: 0.5
#a85956
H: 2 S: 0.32 L: 0.5
#ef160f
H: 2 S: 0.88 L: 0.5
#f0870e
H: 32 S: 0.89 L: 0.5
#358df2
H: 212 S: 0.88 L: 0.58
#dadf47
H: 62 S: 0.7 L: 0.58
#ed9390
H: 2 S: 0.72 L: 0.75
#bfbfbf
H: 0 S: 0 L: 0.75
#de4d48
H: 2 S: 0.69 L: 0.58
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#939393
H: 0 S: 0 L: 0.58
#8c683f
H: 32 S: 0.38 L: 0.4
#d1842d
H: 32 S: 0.65 L: 0.5
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#939393
H: 0 S: 0 L: 0.58
#a7ac0b
H: 62 S: 0.88 L: 0.36
#a20f0a
H: 2 S: 0.88 L: 0.34
#358df2
H: 212 S: 0.88 L: 0.58
#dce245
H: 62 S: 0.73 L: 0.58
#b1100b
H: 2 S: 0.88 L: 0.37
#fbc2c0
H: 2 S: 0.88 L: 0.87
#e8716d
H: 2 S: 0.73 L: 0.67
#939393
H: 0 S: 0 L: 0.58
#358df2
H: 212 S: 0.88 L: 0.58
#cacc89
H: 62 S: 0.4 L: 0.67
#fb9f9c
H: 2 S: 0.92 L: 0.8
#064c9c
H: 212 S: 0.93 L: 0.32
#6d7004
H: 62 S: 0.93 L: 0.23
#9dc8fa
H: 212 S: 0.9 L: 0.8
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#d25955
H: 2 S: 0.58 L: 0.58
#a20f0a
H: 2 S: 0.88 L: 0.34
#939393
H: 0 S: 0 L: 0.58
#fefef5
H: 60 S: 0.82 L: 0.98
#b06a1b
H: 32 S: 0.73 L: 0.4
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#e6150e
H: 2 S: 0.89 L: 0.48
#939393
H: 0 S: 0 L: 0.58
#f66964
H: 2 S: 0.89 L: 0.68
#b2d3fa
H: 213 S: 0.88 L: 0.84
#640906
H: 2 S: 0.89 L: 0.21
#1d80f0
H: 212 S: 0.88 L: 0.53
#d0d552
H: 62 S: 0.61 L: 0.58
#f8352f
H: 2 S: 0.93 L: 0.58
#926839
H: 32 S: 0.44 L: 0.4
#939393
H: 0 S: 0 L: 0.58
#333403
H: 61 S: 0.89 L: 0.11
#e8cdaf
H: 32 S: 0.55 L: 0.8
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#f78a87
H: 2 S: 0.88 L: 0.75
#a3815b
H: 32 S: 0.28 L: 0.5
#c6b39e
H: 32 S: 0.26 L: 0.7
#db8523
H: 32 S: 0.72 L: 0.5
#2c5f9a
H: 212 S: 0.56 L: 0.39
#d0d70d
H: 62 S: 0.89 L: 0.45
#ce5c58
H: 2 S: 0.55 L: 0.58
#e98615
H: 32 S: 0.83 L: 0.5
#939393
H: 0 S: 0 L: 0.58
#636363
H: 0 S: 0 L: 0.39
#e6cdb1
H: 32 S: 0.51 L: 0.8
#8f2b28
H: 2 S: 0.56 L: 0.36
#1978e5
H: 212 S: 0.8 L: 0.5
#f6f7ed
H: 66 S: 0.38 L: 0.95
#ef160f
H: 2 S: 0.88 L: 0.5
#cf842f
H: 32 S: 0.63 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#d9ef0f
H: 66 S: 0.88 L: 0.5
#a6af4f
H: 66 S: 0.38 L: 0.5
#af524f
H: 2 S: 0.38 L: 0.5
#1a7def
H: 212 S: 0.87 L: 0.52
#959933
H: 62 S: 0.5 L: 0.4
#f23b35
H: 2 S: 0.88 L: 0.58
#c19b70
H: 32 S: 0.4 L: 0.6
#e1e2aa
H: 61 S: 0.49 L: 0.78
#336299
H: 212 S: 0.5 L: 0.4
#666666
H: 0 S: 0 L: 0.4
#1e3b5b
H: 211 S: 0.5 L: 0.24
#aebecf
H: 211 S: 0.26 L: 0.75
#b8bb6c
H: 62 S: 0.37 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#939393
H: 0 S: 0 L: 0.58
#c4c4c4
H: 0 S: 0 L: 0.77
#0f0f0f
H: 0 S: 0 L: 0.06
#1c1c1c
H: 0 S: 0 L: 0.11
#a3a3a3
H: 0 S: 0 L: 0.64
#60a5f4
H: 212 S: 0.87 L: 0.67
#e5e7b0
H: 62 S: 0.53 L: 0.8
#f34944
H: 2 S: 0.88 L: 0.61
#edf344
H: 62 S: 0.88 L: 0.61
#052851
H: 212 S: 0.88 L: 0.17
#cfe4fb
H: 211 S: 0.85 L: 0.9
#9b9b9b
H: 0 S: 0 L: 0.61
#b46b17
H: 32 S: 0.77 L: 0.4
#373903
H: 62 S: 0.9 L: 0.12
#e9f1fa
H: 212 S: 0.63 L: 0.95
#c4c935
H: 62 S: 0.58 L: 0.5
#aa5754
H: 2 S: 0.34 L: 0.5
#e58619
H: 32 S: 0.8 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#357ac9
H: 212 S: 0.58 L: 0.5
#d54c48
H: 2 S: 0.63 L: 0.56
#fcf2f2
H: 0 S: 0.63 L: 0.97
#111111
H: 0 S: 0 L: 0.07
#9ac6f8
H: 212 S: 0.87 L: 0.79
#ebf235
H: 62 S: 0.88 L: 0.58
#c99d9b
H: 3 S: 0.3 L: 0.7
#b88346
H: 32 S: 0.45 L: 0.5
#4e9bf2
H: 212 S: 0.86 L: 0.63
#c66c05
H: 32 S: 0.95 L: 0.4
#f23f35
H: 3 S: 0.88 L: 0.58
#dfe0c6
H: 62 S: 0.3 L: 0.83
#052851
H: 212 S: 0.88 L: 0.17
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#939393
H: 0 S: 0 L: 0.58
#ebb679
H: 32 S: 0.74 L: 0.7
#c4843a
H: 32 S: 0.54 L: 0.5
#0d67ce
H: 212 S: 0.88 L: 0.43
#dccdbb
H: 33 S: 0.32 L: 0.8
#ebf4fd
H: 210 S: 0.82 L: 0.96
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#fcfde7
H: 63 S: 0.85 L: 0.95
#7f7f7f
H: 0 S: 0 L: 0.5
#c1833d
H: 32 S: 0.52 L: 0.5
#794306
H: 32 S: 0.91 L: 0.25
#d79a55
H: 32 S: 0.62 L: 0.59
#232323
H: 0 S: 0 L: 0.14
#898989
H: 0 S: 0 L: 0.54
#358df2
H: 212 S: 0.88 L: 0.58
#ebf235
H: 62 S: 0.88 L: 0.58
#f23b35
H: 2 S: 0.88 L: 0.58
#c46c07
H: 32 S: 0.93 L: 0.4
#939393
H: 0 S: 0 L: 0.58
#aa8254
H: 32 S: 0.34 L: 0.5
#063264
H: 212 S: 0.89 L: 0.21
#bf120c
H: 2 S: 0.88 L: 0.4
#d5b48f
H: 32 S: 0.45 L: 0.7
#a3cbf9
H: 212 S: 0.88 L: 0.81
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.