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

#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14

Variants

#380066
H: 273 S: 1 L: 0.2
#66002d
H: 334 S: 1 L: 0.2
#660060
H: 304 S: 1 L: 0.2
#360c59
H: 273 S: 0.76 L: 0.2
#590c2f
H: 333 S: 0.76 L: 0.2
#590c55
H: 303 S: 0.76 L: 0.2
#35194c
H: 273 S: 0.5 L: 0.2
#4c1930
H: 333 S: 0.5 L: 0.2
#4c1949
H: 304 S: 0.5 L: 0.2
#34263f
H: 274 S: 0.25 L: 0.2
#3f2631
H: 334 S: 0.25 L: 0.2
#3f263e
H: 302 S: 0.25 L: 0.2
#56009e
H: 273 S: 1 L: 0.31
#9e0047
H: 333 S: 1 L: 0.31
#9e0096
H: 303 S: 1 L: 0.31
#54138a
H: 273 S: 0.76 L: 0.31
#8a1349
H: 333 S: 0.76 L: 0.31
#8a1384
H: 303 S: 0.76 L: 0.31
#532776
H: 273 S: 0.5 L: 0.31
#76274b
H: 333 S: 0.5 L: 0.31
#762772
H: 303 S: 0.5 L: 0.31
#513b62
H: 274 S: 0.25 L: 0.31
#623b4d
H: 332 S: 0.25 L: 0.31
#623b60
H: 303 S: 0.25 L: 0.31
#7500d6
H: 273 S: 1 L: 0.42
#d60060
H: 333 S: 1 L: 0.42
#d600cb
H: 303 S: 1 L: 0.42
#731abb
H: 273 S: 0.76 L: 0.42
#bb1a63
H: 333 S: 0.76 L: 0.42
#bb1ab3
H: 303 S: 0.76 L: 0.42
#7035a0
H: 273 S: 0.5 L: 0.42
#a03565
H: 333 S: 0.5 L: 0.42
#a0359b
H: 303 S: 0.5 L: 0.42
#6d5085
H: 273 S: 0.25 L: 0.42
#855068
H: 333 S: 0.25 L: 0.42
#855083
H: 302 S: 0.25 L: 0.42
#930fff
H: 273 S: 1 L: 0.53
#ff0f7b
H: 333 S: 1 L: 0.53
#ff0ff3
H: 303 S: 1 L: 0.53
#902de1
H: 273 S: 0.75 L: 0.53
#e12d7e
H: 333 S: 0.75 L: 0.53
#e12dd8
H: 303 S: 0.75 L: 0.53
#8d4bc3
H: 273 S: 0.5 L: 0.53
#c34b81
H: 333 S: 0.5 L: 0.53
#c34bbd
H: 303 S: 0.5 L: 0.53
#8a69a5
H: 273 S: 0.25 L: 0.53
#a56984
H: 333 S: 0.25 L: 0.53
#a569a2
H: 303 S: 0.25 L: 0.53
#ac47ff
H: 273 S: 1 L: 0.64
#ff479a
H: 333 S: 1 L: 0.64
#ff47f5
H: 303 S: 1 L: 0.64
#aa5ee8
H: 273 S: 0.75 L: 0.64
#e85e9c
H: 333 S: 0.75 L: 0.64
#e85ee1
H: 303 S: 0.75 L: 0.64
#a775d1
H: 273 S: 0.5 L: 0.64
#d1759e
H: 333 S: 0.5 L: 0.64
#d175cc
H: 303 S: 0.5 L: 0.64
#a58cba
H: 273 S: 0.25 L: 0.64
#ba8ca0
H: 334 S: 0.25 L: 0.64
#ba8cb7
H: 304 S: 0.25 L: 0.64
#c57fff
H: 273 S: 1 L: 0.75
#ff7fb8
H: 333 S: 1 L: 0.75
#ff7ff8
H: 303 S: 1 L: 0.75
#c48fef
H: 273 S: 0.75 L: 0.75
#ef8fba
H: 333 S: 0.75 L: 0.75
#ef8fea
H: 303 S: 0.75 L: 0.75
#c29fdf
H: 273 S: 0.5 L: 0.75
#df9fbc
H: 333 S: 0.5 L: 0.75
#df9fdb
H: 304 S: 0.5 L: 0.75
#c0afcf
H: 272 S: 0.25 L: 0.75
#cfafbd
H: 334 S: 0.25 L: 0.75
#cfafcd
H: 304 S: 0.25 L: 0.75
#deb7ff
H: 273 S: 1 L: 0.86
#ffb7d7
H: 333 S: 1 L: 0.86
#ffb7fb
H: 303 S: 1 L: 0.86
#ddc0f6
H: 272 S: 0.75 L: 0.86
#f6c0d8
H: 333 S: 0.75 L: 0.86
#f6c0f3
H: 303 S: 0.75 L: 0.86
#ddc9ed
H: 273 S: 0.5 L: 0.86
#edc9d9
H: 333 S: 0.5 L: 0.86
#edc9eb
H: 303 S: 0.5 L: 0.86
#dcd2e4
H: 273 S: 0.25 L: 0.86
#e4d2da
H: 333 S: 0.25 L: 0.86
#e4d2e3
H: 303 S: 0.25 L: 0.86
#f8efff
H: 274 S: 1 L: 0.97
#ffeff6
H: 334 S: 1 L: 0.97
#ffeffe
H: 304 S: 1 L: 0.97
#f7f1fd
H: 270 S: 0.75 L: 0.97
#fdf1f6
H: 335 S: 0.75 L: 0.97
#fdf1fc
H: 305 S: 0.75 L: 0.97
#f7f3fb
H: 270 S: 0.5 L: 0.97
#fbf3f6
H: 338 S: 0.5 L: 0.97
#fbf3fa
H: 308 S: 0.5 L: 0.97
#f7f5f9
H: 270 S: 0.25 L: 0.97
#f9f5f7
H: 330 S: 0.25 L: 0.97
#f9f5f9
H: 300 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
#c66f05
H: 33 S: 0.95 L: 0.4
#ad6d1e
H: 33 S: 0.7 L: 0.4
#936a38
H: 33 S: 0.45 L: 0.4
#d98a2a
H: 33 S: 0.7 L: 0.51
#ba8749
H: 33 S: 0.45 L: 0.51
#e1a45a
H: 33 S: 0.69 L: 0.62
#c9a272
H: 33 S: 0.45 L: 0.62
#eabe89
H: 33 S: 0.7 L: 0.73
#d9bd9b
H: 33 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.

#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#24172f
H: 273 S: 0.34 L: 0.14
#b86f90
H: 333 S: 0.34 L: 0.58
#ed96e8
H: 303 S: 0.71 L: 0.76
#7426b4
H: 273 S: 0.65 L: 0.43
#ee7baf
H: 333 S: 0.77 L: 0.71
#450241
H: 304 S: 0.94 L: 0.14
#b5b5b5
H: 0 S: 0 L: 0.71
#613e7e
H: 273 S: 0.34 L: 0.37
#2f1722
H: 333 S: 0.34 L: 0.14
#9e2d98
H: 303 S: 0.56 L: 0.4
#bc8542
H: 33 S: 0.48 L: 0.5
#513865
H: 273 S: 0.29 L: 0.31
#2f1722
H: 333 S: 0.34 L: 0.14
#d68ed2
H: 303 S: 0.47 L: 0.7
#ccb598
H: 33 S: 0.34 L: 0.7
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#c991aa
H: 333 S: 0.34 L: 0.68
#8354aa
H: 273 S: 0.34 L: 0.5
#d62876
H: 333 S: 0.69 L: 0.5
#f9eaf8
H: 304 S: 0.56 L: 0.95
#b58449
H: 33 S: 0.43 L: 0.5
#c638bd
H: 304 S: 0.56 L: 0.5
#7032a3
H: 273 S: 0.53 L: 0.42
#400620
H: 333 S: 0.83 L: 0.14
#cf9fcd
H: 303 S: 0.33 L: 0.72
#6b6b6b
H: 0 S: 0 L: 0.42
#eb28e1
H: 303 S: 0.83 L: 0.54
#24172f
H: 273 S: 0.34 L: 0.14
#ba0b5a
H: 333 S: 0.89 L: 0.39
#d8b0d6
H: 303 S: 0.34 L: 0.77
#636363
H: 0 S: 0 L: 0.39
#f664a6
H: 333 S: 0.89 L: 0.68
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#aa547b
H: 333 S: 0.34 L: 0.5
#f6edf1
H: 333 S: 0.33 L: 0.95
#c3acd6
H: 273 S: 0.34 L: 0.76
#d25f93
H: 333 S: 0.56 L: 0.6
#2e182d
H: 303 S: 0.31 L: 0.14
#e7ceb0
H: 33 S: 0.53 L: 0.8
#b58449
H: 33 S: 0.43 L: 0.5
#c46f07
H: 33 S: 0.93 L: 0.4
#b166ef
H: 273 S: 0.81 L: 0.67
#e5619c
H: 333 S: 0.72 L: 0.64
#2f172e
H: 303 S: 0.34 L: 0.14
#ebcfac
H: 33 S: 0.61 L: 0.8
#a3a3a3
H: 0 S: 0 L: 0.64
#946a37
H: 33 S: 0.46 L: 0.4
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#854160
H: 333 S: 0.34 L: 0.39
#ffffff
H: 0 S: 0 L: 1
#d1a2b7
H: 333 S: 0.34 L: 0.73
#c6b0d8
H: 273 S: 0.34 L: 0.77
#bf7d9a
H: 334 S: 0.34 L: 0.62
#351233
H: 303 S: 0.49 L: 0.14
#969696
H: 0 S: 0 L: 0.59
#999999
H: 0 S: 0 L: 0.6
#707070
H: 0 S: 0 L: 0.44
#8827d7
H: 273 S: 0.69 L: 0.5
#f8ebf1
H: 332 S: 0.48 L: 0.95
#c539be
H: 303 S: 0.55 L: 0.5
#a3835b
H: 33 S: 0.28 L: 0.5
#e68918
H: 33 S: 0.81 L: 0.5
#d72779
H: 332 S: 0.69 L: 0.5
#8a2885
H: 303 S: 0.55 L: 0.35
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#a58359
H: 33 S: 0.3 L: 0.5
#f8f1f7
H: 309 S: 0.33 L: 0.96
#663263
H: 303 S: 0.34 L: 0.3
#a04f9c
H: 303 S: 0.34 L: 0.47
#bea6d2
H: 273 S: 0.33 L: 0.74
#2f1722
H: 333 S: 0.34 L: 0.14
#693467
H: 302 S: 0.34 L: 0.31
#c3863b
H: 33 S: 0.54 L: 0.5
#b369b1
H: 302 S: 0.33 L: 0.56
#e1ceb6
H: 33 S: 0.42 L: 0.8
#f6eef1
H: 338 S: 0.31 L: 0.95
#8657ac
H: 273 S: 0.34 L: 0.51
#321522
H: 333 S: 0.41 L: 0.14
#6a3e67
H: 304 S: 0.26 L: 0.33
#a0825e
H: 33 S: 0.26 L: 0.5
#d7b68d
H: 33 S: 0.48 L: 0.7
#e4891a
H: 33 S: 0.8 L: 0.5
#f7edf6
H: 306 S: 0.38 L: 0.95
#24172f
H: 273 S: 0.34 L: 0.14
#b66c8d
H: 333 S: 0.34 L: 0.57
#b025a9
H: 303 S: 0.65 L: 0.42
#cc98af
H: 333 S: 0.34 L: 0.7
#fae9f9
H: 304 S: 0.63 L: 0.95
#6b6b6b
H: 0 S: 0 L: 0.42
#c52970
H: 333 S: 0.66 L: 0.47
#e2c4d2
H: 332 S: 0.34 L: 0.83
#24172f
H: 273 S: 0.34 L: 0.14
#ce9bb2
H: 333 S: 0.34 L: 0.71
#aa17a3
H: 303 S: 0.76 L: 0.38
#a06b2b
H: 33 S: 0.58 L: 0.4
#7b3c77
H: 304 S: 0.34 L: 0.36
#fbe8f1
H: 332 S: 0.7 L: 0.95
#e75496
H: 333 S: 0.75 L: 0.62
#e2891c
H: 33 S: 0.78 L: 0.5
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#b56d16
H: 33 S: 0.78 L: 0.4
#8f4667
H: 333 S: 0.34 L: 0.42
#d0b594
H: 33 S: 0.39 L: 0.7
#dfa052
H: 33 S: 0.69 L: 0.6
#e4c8d4
H: 334 S: 0.34 L: 0.84
#cbb8da
H: 274 S: 0.31 L: 0.79
#2f1722
H: 333 S: 0.34 L: 0.14
#743971
H: 303 S: 0.34 L: 0.34
#a5a5a5
H: 0 S: 0 L: 0.65
#727272
H: 0 S: 0 L: 0.45
#050505
H: 0 S: 0 L: 0.02
#c9c9c9
H: 0 S: 0 L: 0.79
#bababa
H: 0 S: 0 L: 0.73
#8354aa
H: 273 S: 0.34 L: 0.5
#faeaf1
H: 334 S: 0.62 L: 0.95
#c33bbc
H: 303 S: 0.54 L: 0.5
#d2872c
H: 33 S: 0.65 L: 0.5
#a1825d
H: 33 S: 0.27 L: 0.5
#545454
H: 0 S: 0 L: 0.33
#0a040f
H: 273 S: 0.58 L: 0.04
#1a1209
H: 32 S: 0.49 L: 0.07
#cb5286
H: 334 S: 0.54 L: 0.56
#aa57ee
H: 273 S: 0.82 L: 0.64
#d3a6ba
H: 333 S: 0.34 L: 0.74
#380e36
H: 303 S: 0.6 L: 0.14
#946a37
H: 33 S: 0.46 L: 0.4
#b79c7a
H: 33 S: 0.3 L: 0.6
#b912b1
H: 303 S: 0.82 L: 0.4
#ee579b
H: 333 S: 0.82 L: 0.64
#f08a0e
H: 33 S: 0.89 L: 0.5
#8733cc
H: 273 S: 0.6 L: 0.5
#24172f
H: 273 S: 0.34 L: 0.14
#fa2d89
H: 333 S: 0.95 L: 0.58
#743971
H: 303 S: 0.34 L: 0.34
#ab6c20
H: 33 S: 0.68 L: 0.4
#fbf8fb
H: 300 S: 0.27 L: 0.98
#eb8a13
H: 33 S: 0.85 L: 0.5
#d79f5a
H: 33 S: 0.61 L: 0.6
#9e2ef9
H: 273 S: 0.94 L: 0.58
#dacdbd
H: 33 S: 0.28 L: 0.8
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#a4509f
H: 304 S: 0.34 L: 0.48
#69344c
H: 333 S: 0.34 L: 0.31
#c78ec4
H: 303 S: 0.34 L: 0.67
#e7cfda
H: 333 S: 0.33 L: 0.86
#050505
H: 0 S: 0 L: 0.02
#c1c1c1
H: 0 S: 0 L: 0.76
#24172f
H: 273 S: 0.34 L: 0.14
#f86cab
H: 333 S: 0.91 L: 0.7
#d6acd4
H: 303 S: 0.34 L: 0.76
#f4eaef
H: 330 S: 0.31 L: 0.94
#a94af6
H: 273 S: 0.91 L: 0.63
#643f81
H: 274 S: 0.34 L: 0.38
#9e79bd
H: 273 S: 0.34 L: 0.61
#e90bde
H: 303 S: 0.91 L: 0.48
#fa98f5
H: 303 S: 0.91 L: 0.79
#f42884
H: 333 S: 0.9 L: 0.56
#24172f
H: 273 S: 0.34 L: 0.14
#2f1722
H: 333 S: 0.34 L: 0.14
#2f172e
H: 303 S: 0.34 L: 0.14
#f6edf1
H: 333 S: 0.33 L: 0.95
#ce8730
H: 33 S: 0.62 L: 0.5
#aa547b
H: 333 S: 0.34 L: 0.5
#633047
H: 333 S: 0.35 L: 0.29
#976fb8
H: 273 S: 0.34 L: 0.58
#24172f
H: 273 S: 0.34 L: 0.14
#d3a6d0
H: 304 S: 0.34 L: 0.74
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.