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

#2c8af6
H: 212 S: 0.92 L: 0.57
#f62cef
H: 302 S: 0.92 L: 0.57
#f6982c
H: 32 S: 0.92 L: 0.57

Variants

#002f66
H: 212 S: 1 L: 0.2
#660062
H: 302 S: 1 L: 0.2
#663600
H: 32 S: 1 L: 0.2
#0c3059
H: 212 S: 0.76 L: 0.2
#590c56
H: 302 S: 0.76 L: 0.2
#59350c
H: 32 S: 0.76 L: 0.2
#19314c
H: 212 S: 0.5 L: 0.2
#4c194a
H: 302 S: 0.5 L: 0.2
#4c3419
H: 32 S: 0.5 L: 0.2
#26323f
H: 211 S: 0.25 L: 0.2
#3f263e
H: 302 S: 0.25 L: 0.2
#3f3326
H: 31 S: 0.25 L: 0.2
#00499e
H: 212 S: 1 L: 0.31
#9e0098
H: 302 S: 1 L: 0.31
#9e5400
H: 32 S: 1 L: 0.31
#134b8a
H: 212 S: 0.76 L: 0.31
#8a1386
H: 302 S: 0.76 L: 0.31
#8a5313
H: 32 S: 0.76 L: 0.31
#274c76
H: 212 S: 0.5 L: 0.31
#762773
H: 302 S: 0.5 L: 0.31
#765127
H: 32 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#623b61
H: 302 S: 0.25 L: 0.31
#62503b
H: 32 S: 0.25 L: 0.31
#0063d6
H: 212 S: 1 L: 0.42
#d600cf
H: 302 S: 1 L: 0.42
#d67200
H: 32 S: 1 L: 0.42
#1a65bb
H: 212 S: 0.76 L: 0.42
#bb1ab6
H: 302 S: 0.76 L: 0.42
#bb701a
H: 32 S: 0.76 L: 0.42
#3567a0
H: 212 S: 0.5 L: 0.42
#a0359d
H: 302 S: 0.5 L: 0.42
#a06e35
H: 32 S: 0.5 L: 0.42
#506985
H: 212 S: 0.25 L: 0.42
#855084
H: 301 S: 0.25 L: 0.42
#856c50
H: 32 S: 0.25 L: 0.42
#0f7fff
H: 212 S: 1 L: 0.53
#ff0ff7
H: 302 S: 1 L: 0.53
#ff8f0f
H: 32 S: 1 L: 0.53
#2d81e1
H: 212 S: 0.75 L: 0.53
#e12ddb
H: 302 S: 0.75 L: 0.53
#e18d2d
H: 32 S: 0.75 L: 0.53
#4b83c3
H: 212 S: 0.5 L: 0.53
#c34bbf
H: 302 S: 0.5 L: 0.53
#c38b4b
H: 32 S: 0.5 L: 0.53
#6985a5
H: 212 S: 0.25 L: 0.53
#a569a3
H: 302 S: 0.25 L: 0.53
#a58969
H: 32 S: 0.25 L: 0.53
#479dff
H: 212 S: 1 L: 0.64
#ff47f8
H: 302 S: 1 L: 0.64
#ffa947
H: 32 S: 1 L: 0.64
#5e9ee8
H: 212 S: 0.75 L: 0.64
#e85ee3
H: 302 S: 0.75 L: 0.64
#e8a75e
H: 32 S: 0.75 L: 0.64
#75a0d1
H: 212 S: 0.5 L: 0.64
#d175ce
H: 302 S: 0.5 L: 0.64
#d1a675
H: 32 S: 0.5 L: 0.64
#8ca1ba
H: 213 S: 0.25 L: 0.64
#ba8cb8
H: 303 S: 0.25 L: 0.64
#baa48c
H: 31 S: 0.25 L: 0.64
#7fbbff
H: 212 S: 1 L: 0.75
#ff7ffa
H: 302 S: 1 L: 0.75
#ffc37f
H: 32 S: 1 L: 0.75
#8fbcef
H: 212 S: 0.75 L: 0.75
#ef8feb
H: 303 S: 0.75 L: 0.75
#efc28f
H: 32 S: 0.75 L: 0.75
#9fbddf
H: 212 S: 0.5 L: 0.75
#df9fdd
H: 302 S: 0.5 L: 0.75
#dfc19f
H: 32 S: 0.5 L: 0.75
#afbecf
H: 212 S: 0.25 L: 0.75
#cfafce
H: 302 S: 0.25 L: 0.75
#cfc0af
H: 32 S: 0.25 L: 0.75
#b7d8ff
H: 213 S: 1 L: 0.86
#ffb7fc
H: 303 S: 1 L: 0.86
#ffddb7
H: 32 S: 1 L: 0.86
#c0d9f6
H: 212 S: 0.75 L: 0.86
#f6c0f4
H: 302 S: 0.75 L: 0.86
#f6ddc0
H: 32 S: 0.75 L: 0.86
#c9daed
H: 212 S: 0.5 L: 0.86
#edc9eb
H: 303 S: 0.5 L: 0.86
#eddcc9
H: 32 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#e4d2e3
H: 303 S: 0.25 L: 0.86
#e4dbd2
H: 30 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#ffeffe
H: 304 S: 1 L: 0.97
#fff7ef
H: 30 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#fdf1fc
H: 305 S: 0.75 L: 0.97
#fdf7f1
H: 30 S: 0.75 L: 0.97
#f3f7fb
H: 210 S: 0.5 L: 0.97
#fbf3fa
H: 308 S: 0.5 L: 0.97
#fbf7f3
H: 30 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f9f5f9
H: 300 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.

#2379db
H: 212 S: 0.72 L: 0.5
#df1fd8
H: 302 S: 0.76 L: 0.5
#ce8430
H: 32 S: 0.62 L: 0.5
#385475
H: 212 S: 0.35 L: 0.34
#e042db
H: 302 S: 0.72 L: 0.57
#db8a2d
H: 32 S: 0.71 L: 0.52
#2c8af6
H: 212 S: 0.92 L: 0.57
#f62cef
H: 302 S: 0.92 L: 0.57
#f6982c
H: 32 S: 0.92 L: 0.57
#0753ab
H: 212 S: 0.92 L: 0.35
#c308bd
H: 302 S: 0.92 L: 0.4
#c9aa87
H: 32 S: 0.38 L: 0.66
#666666
H: 0 S: 0 L: 0.4
#3f8be3
H: 212 S: 0.75 L: 0.57
#f95cf3
H: 302 S: 0.93 L: 0.67
#bb884d
H: 32 S: 0.45 L: 0.52
#9e3c9b
H: 302 S: 0.45 L: 0.43
#1878e6
H: 212 S: 0.81 L: 0.5
#f9eaf9
H: 300 S: 0.56 L: 0.95
#f4870a
H: 32 S: 0.92 L: 0.5
#9f815f
H: 32 S: 0.25 L: 0.5
#e6f1fd
H: 211 S: 0.85 L: 0.95
#da24d3
H: 302 S: 0.72 L: 0.5
#f4870a
H: 32 S: 0.92 L: 0.5
#137beb
H: 211 S: 0.85 L: 0.5
#2e8af4
H: 212 S: 0.9 L: 0.57
#f62cef
H: 302 S: 0.92 L: 0.57
#eda04a
H: 32 S: 0.82 L: 0.61
#919191
H: 0 S: 0 L: 0.57
#0651a6
H: 212 S: 0.93 L: 0.34
#368bec
H: 212 S: 0.83 L: 0.57
#f62cef
H: 302 S: 0.92 L: 0.57
#f6982c
H: 32 S: 0.92 L: 0.57
#492803
H: 32 S: 0.92 L: 0.15
#a1815d
H: 32 S: 0.27 L: 0.5
#4e9df7
H: 212 S: 0.91 L: 0.64
#ac75aa
H: 302 S: 0.25 L: 0.57
#e67f09
H: 32 S: 0.92 L: 0.47
#c6b39e
H: 32 S: 0.26 L: 0.7
#f64ff1
H: 302 S: 0.9 L: 0.64
#2c8af6
H: 212 S: 0.92 L: 0.57
#a0689e
H: 302 S: 0.23 L: 0.52
#d8964a
H: 32 S: 0.65 L: 0.57
#dddddd
H: 0 S: 0 L: 0.87
#ededed
H: 0 S: 0 L: 0.93
#448cde
H: 212 S: 0.7 L: 0.57
#f740f0
H: 302 S: 0.92 L: 0.61
#f6982c
H: 32 S: 0.92 L: 0.57
#919191
H: 0 S: 0 L: 0.57
#876844
H: 32 S: 0.33 L: 0.4
#b96b12
H: 32 S: 0.82 L: 0.4
#2c8af6
H: 212 S: 0.92 L: 0.57
#ea32e4
H: 302 S: 0.81 L: 0.56
#f6982c
H: 32 S: 0.92 L: 0.57
#a1815d
H: 32 S: 0.27 L: 0.5
#fbb0f9
H: 302 S: 0.9 L: 0.84
#d4b490
H: 32 S: 0.44 L: 0.7
#004ca2
H: 212 S: 1 L: 0.32
#f62cef
H: 302 S: 0.92 L: 0.57
#c77f2d
H: 32 S: 0.63 L: 0.48
#7a7a7a
H: 0 S: 0 L: 0.48
#a35700
H: 32 S: 1 L: 0.32
#515151
H: 0 S: 0 L: 0.32
#475f7a
H: 212 S: 0.26 L: 0.38
#f740f0
H: 302 S: 0.92 L: 0.61
#e98d24
H: 32 S: 0.82 L: 0.53
#9b9b9b
H: 0 S: 0 L: 0.61
#cd08c7
H: 302 S: 0.92 L: 0.42
#4095f7
H: 212 S: 0.92 L: 0.61
#527298
H: 213 S: 0.3 L: 0.46
#f62cef
H: 302 S: 0.92 L: 0.57
#f8ad58
H: 32 S: 0.92 L: 0.66
#ecceab
H: 32 S: 0.63 L: 0.8
#dd8521
H: 32 S: 0.74 L: 0.5
#985296
H: 302 S: 0.3 L: 0.46
#a9875f
H: 32 S: 0.3 L: 0.52
#314d6d
H: 212 S: 0.38 L: 0.31
#be07b8
H: 302 S: 0.93 L: 0.39
#f6982c
H: 32 S: 0.92 L: 0.57
#919191
H: 0 S: 0 L: 0.57
#d6d6d6
H: 0 S: 0 L: 0.84
#565656
H: 0 S: 0 L: 0.34
#353535
H: 0 S: 0 L: 0.21
#90b2da
H: 212 S: 0.5 L: 0.71
#ef09e8
H: 302 S: 0.93 L: 0.49
#e5963c
H: 32 S: 0.76 L: 0.57
#1c82f6
H: 212 S: 0.92 L: 0.54
#926839
H: 32 S: 0.44 L: 0.4
#f9b76b
H: 32 S: 0.92 L: 0.7
#da90d7
H: 302 S: 0.5 L: 0.71
#a6bbd2
H: 211 S: 0.33 L: 0.74
#f40aec
H: 302 S: 0.92 L: 0.5
#f6982c
H: 32 S: 0.92 L: 0.57
#92068e
H: 302 S: 0.92 L: 0.3
#e6cdb1
H: 32 S: 0.51 L: 0.8
#c09b71
H: 32 S: 0.39 L: 0.6
#2c8df6
H: 211 S: 0.92 L: 0.57
#064ea1
H: 212 S: 0.93 L: 0.33
#f62cef
H: 302 S: 0.92 L: 0.57
#f69c36
H: 32 S: 0.91 L: 0.59
#0d7af6
H: 212 S: 0.93 L: 0.51
#fdeedc
H: 33 S: 0.89 L: 0.93
#545454
H: 0 S: 0 L: 0.33
#969696
H: 0 S: 0 L: 0.59
#fa98f6
H: 302 S: 0.91 L: 0.79
#598dc9
H: 212 S: 0.51 L: 0.57
#a979a7
H: 303 S: 0.22 L: 0.57
#f6982c
H: 32 S: 0.92 L: 0.57
#f62cec
H: 303 S: 0.92 L: 0.57
#7c674f
H: 32 S: 0.22 L: 0.4
#61045d
H: 303 S: 0.92 L: 0.2
#844905
H: 32 S: 0.93 L: 0.27
#dbb589
H: 32 S: 0.53 L: 0.7
#0677f8
H: 212 S: 0.95 L: 0.5
#be07b8
H: 302 S: 0.93 L: 0.39
#644e34
H: 33 S: 0.32 L: 0.3
#50a0fa
H: 212 S: 0.94 L: 0.65
#e5b57f
H: 32 S: 0.66 L: 0.7
#85a1c0
H: 212 S: 0.32 L: 0.64
#bf833f
H: 32 S: 0.5 L: 0.5
#f806f0
H: 302 S: 0.95 L: 0.5
#ecf1f7
H: 213 S: 0.41 L: 0.95
#f40aec
H: 302 S: 0.92 L: 0.5
#f4870a
H: 32 S: 0.92 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#0a73f4
H: 213 S: 0.92 L: 0.5
#b3824b
H: 32 S: 0.41 L: 0.5
#b34bb0
H: 302 S: 0.41 L: 0.5
#e5ecf4
H: 212 S: 0.41 L: 0.93
#41638a
H: 212 S: 0.36 L: 0.4
#bb2ab6
H: 302 S: 0.63 L: 0.45
#a26a29
H: 32 S: 0.6 L: 0.4
#3f84d3
H: 212 S: 0.63 L: 0.54
#ceb496
H: 32 S: 0.36 L: 0.7
#793977
H: 302 S: 0.36 L: 0.35
#f1ebe3
H: 34 S: 0.33 L: 0.92
#dd69d9
H: 302 S: 0.63 L: 0.64
#3a1b39
H: 302 S: 0.36 L: 0.17
#0862c8
H: 212 S: 0.92 L: 0.41
#f40aec
H: 302 S: 0.92 L: 0.5
#fb9826
H: 32 S: 0.96 L: 0.57
#8b6840
H: 32 S: 0.37 L: 0.4
#d5b48f
H: 32 S: 0.45 L: 0.7
#3690f6
H: 212 S: 0.91 L: 0.59
#ebf4fe
H: 212 S: 0.9 L: 0.96
#580355
H: 302 S: 0.93 L: 0.18
#9dc8fa
H: 212 S: 0.9 L: 0.8
#0972eb
H: 212 S: 0.93 L: 0.48
#f62cef
H: 302 S: 0.92 L: 0.57
#f6982c
H: 32 S: 0.92 L: 0.57
#7a7a7a
H: 0 S: 0 L: 0.48
#043266
H: 212 S: 0.92 L: 0.21
#e4b580
H: 32 S: 0.65 L: 0.7
#673803
H: 32 S: 0.94 L: 0.21
#b76b14
H: 32 S: 0.8 L: 0.4
#7a0576
H: 302 S: 0.92 L: 0.25
#2c8af6
H: 212 S: 0.92 L: 0.57
#f62cef
H: 302 S: 0.92 L: 0.57
#f6982c
H: 32 S: 0.92 L: 0.57
#919191
H: 0 S: 0 L: 0.57
#84bbf9
H: 212 S: 0.91 L: 0.75
#cee3fc
H: 213 S: 0.88 L: 0.9
#facf9d
H: 32 S: 0.9 L: 0.8
#ae6a1d
H: 32 S: 0.71 L: 0.4
#532e03
H: 32 S: 0.93 L: 0.17
#0972eb
H: 212 S: 0.93 L: 0.48
#f749f1
H: 302 S: 0.92 L: 0.63
#9c5606
H: 32 S: 0.93 L: 0.32
#b1824d
H: 32 S: 0.39 L: 0.5
#7a7a7a
H: 0 S: 0 L: 0.48
#a0a0a0
H: 0 S: 0 L: 0.63
#ec8108
H: 32 S: 0.93 L: 0.48
#515151
H: 0 S: 0 L: 0.32
#ecceab
H: 32 S: 0.63 L: 0.8
#02264e
H: 212 S: 0.95 L: 0.16
#2c8af6
H: 212 S: 0.92 L: 0.57
#f62cef
H: 302 S: 0.92 L: 0.57
#f6982c
H: 32 S: 0.92 L: 0.57
#919191
H: 0 S: 0 L: 0.57
#ebf4fe
H: 212 S: 0.9 L: 0.96
#663804
H: 32 S: 0.92 L: 0.21
#fcddba
H: 32 S: 0.92 L: 0.86
#3a0238
H: 302 S: 0.93 L: 0.12
#064c9c
H: 212 S: 0.93 L: 0.32
#b56407
H: 32 S: 0.93 L: 0.37
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.