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

#58708d
H: 213 S: 0.23 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#588d75
H: 153 S: 0.23 L: 0.45

Variants

#002d66
H: 214 S: 1 L: 0.2
#006066
H: 184 S: 1 L: 0.2
#006638
H: 153 S: 1 L: 0.2
#0c2f59
H: 213 S: 0.76 L: 0.2
#0c5559
H: 183 S: 0.76 L: 0.2
#0c5936
H: 153 S: 0.76 L: 0.2
#19304c
H: 213 S: 0.5 L: 0.2
#19494c
H: 184 S: 0.5 L: 0.2
#194c35
H: 153 S: 0.5 L: 0.2
#26313f
H: 214 S: 0.25 L: 0.2
#263e3f
H: 182 S: 0.25 L: 0.2
#263f34
H: 154 S: 0.25 L: 0.2
#00479e
H: 213 S: 1 L: 0.31
#00969e
H: 183 S: 1 L: 0.31
#009e56
H: 153 S: 1 L: 0.31
#13498a
H: 213 S: 0.76 L: 0.31
#13848a
H: 183 S: 0.76 L: 0.31
#138a54
H: 153 S: 0.76 L: 0.31
#274b76
H: 213 S: 0.5 L: 0.31
#277276
H: 183 S: 0.5 L: 0.31
#277653
H: 153 S: 0.5 L: 0.31
#3b4d62
H: 212 S: 0.25 L: 0.31
#3b6062
H: 183 S: 0.25 L: 0.31
#3b6251
H: 154 S: 0.25 L: 0.31
#0060d6
H: 213 S: 1 L: 0.42
#00cbd6
H: 183 S: 1 L: 0.42
#00d675
H: 153 S: 1 L: 0.42
#1a63bb
H: 213 S: 0.76 L: 0.42
#1ab3bb
H: 183 S: 0.76 L: 0.42
#1abb73
H: 153 S: 0.76 L: 0.42
#3565a0
H: 213 S: 0.5 L: 0.42
#359ba0
H: 183 S: 0.5 L: 0.42
#35a070
H: 153 S: 0.5 L: 0.42
#506885
H: 213 S: 0.25 L: 0.42
#508385
H: 182 S: 0.25 L: 0.42
#50856d
H: 153 S: 0.25 L: 0.42
#0f7bff
H: 213 S: 1 L: 0.53
#0ff3ff
H: 183 S: 1 L: 0.53
#0fff93
H: 153 S: 1 L: 0.53
#2d7ee1
H: 213 S: 0.75 L: 0.53
#2dd8e1
H: 183 S: 0.75 L: 0.53
#2de190
H: 153 S: 0.75 L: 0.53
#4b81c3
H: 213 S: 0.5 L: 0.53
#4bbdc3
H: 183 S: 0.5 L: 0.53
#4bc38d
H: 153 S: 0.5 L: 0.53
#6984a5
H: 213 S: 0.25 L: 0.53
#69a2a5
H: 183 S: 0.25 L: 0.53
#69a58a
H: 153 S: 0.25 L: 0.53
#479aff
H: 213 S: 1 L: 0.64
#47f5ff
H: 183 S: 1 L: 0.64
#47ffac
H: 153 S: 1 L: 0.64
#5e9ce8
H: 213 S: 0.75 L: 0.64
#5ee1e8
H: 183 S: 0.75 L: 0.64
#5ee8aa
H: 153 S: 0.75 L: 0.64
#759ed1
H: 213 S: 0.5 L: 0.64
#75ccd1
H: 183 S: 0.5 L: 0.64
#75d1a7
H: 153 S: 0.5 L: 0.64
#8ca0ba
H: 214 S: 0.25 L: 0.64
#8cb7ba
H: 184 S: 0.25 L: 0.64
#8cbaa5
H: 153 S: 0.25 L: 0.64
#7fb8ff
H: 213 S: 1 L: 0.75
#7ff8ff
H: 183 S: 1 L: 0.75
#7fffc5
H: 153 S: 1 L: 0.75
#8fbaef
H: 213 S: 0.75 L: 0.75
#8feaef
H: 183 S: 0.75 L: 0.75
#8fefc4
H: 153 S: 0.75 L: 0.75
#9fbcdf
H: 213 S: 0.5 L: 0.75
#9fdbdf
H: 184 S: 0.5 L: 0.75
#9fdfc2
H: 153 S: 0.5 L: 0.75
#afbdcf
H: 214 S: 0.25 L: 0.75
#afcdcf
H: 184 S: 0.25 L: 0.75
#afcfc0
H: 152 S: 0.25 L: 0.75
#b7d7ff
H: 213 S: 1 L: 0.86
#b7fbff
H: 183 S: 1 L: 0.86
#b7ffde
H: 153 S: 1 L: 0.86
#c0d8f6
H: 213 S: 0.75 L: 0.86
#c0f3f6
H: 183 S: 0.75 L: 0.86
#c0f6dd
H: 152 S: 0.75 L: 0.86
#c9d9ed
H: 213 S: 0.5 L: 0.86
#c9ebed
H: 183 S: 0.5 L: 0.86
#c9eddd
H: 153 S: 0.5 L: 0.86
#d2dae4
H: 213 S: 0.25 L: 0.86
#d2e3e4
H: 183 S: 0.25 L: 0.86
#d2e4dc
H: 153 S: 0.25 L: 0.86
#eff6ff
H: 214 S: 1 L: 0.97
#effeff
H: 184 S: 1 L: 0.97
#effff8
H: 154 S: 1 L: 0.97
#f1f6fd
H: 215 S: 0.75 L: 0.97
#f1fcfd
H: 185 S: 0.75 L: 0.97
#f1fdf7
H: 150 S: 0.75 L: 0.97
#f3f6fb
H: 218 S: 0.5 L: 0.97
#f3fafb
H: 188 S: 0.5 L: 0.97
#f3fbf7
H: 150 S: 0.5 L: 0.97
#f5f7f9
H: 210 S: 0.25 L: 0.97
#f5f9f9
H: 180 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
#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.

#58708d
H: 213 S: 0.23 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#588d75
H: 153 S: 0.23 L: 0.45
#ebf1f9
H: 214 S: 0.54 L: 0.95
#62999c
H: 183 S: 0.23 L: 0.5
#01fd8c
H: 153 S: 0.99 L: 0.5
#58708d
H: 213 S: 0.23 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#588d75
H: 153 S: 0.23 L: 0.45
#0c68d8
H: 213 S: 0.89 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#0ed67c
H: 153 S: 0.88 L: 0.45
#3f3f3f
H: 0 S: 0 L: 0.25
#0573f9
H: 213 S: 0.96 L: 0.5
#62999c
H: 183 S: 0.23 L: 0.5
#eff5f2
H: 150 S: 0.23 L: 0.95
#05f97f
H: 150 S: 0.96 L: 0.5
#597ba5
H: 213 S: 0.3 L: 0.5
#eff4f5
H: 190 S: 0.23 L: 0.95
#0af48b
H: 153 S: 0.92 L: 0.5
#0acdf4
H: 190 S: 0.92 L: 0.5
#58708d
H: 213 S: 0.23 L: 0.45
#39a6ac
H: 183 S: 0.5 L: 0.45
#20c57b
H: 153 S: 0.72 L: 0.45
#88abd7
H: 213 S: 0.5 L: 0.69
#1e6ac6
H: 213 S: 0.74 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#06ee86
H: 153 S: 0.95 L: 0.48
#ebf3fe
H: 215 S: 0.9 L: 0.96
#71e3e9
H: 183 S: 0.73 L: 0.68
#3e4f64
H: 213 S: 0.23 L: 0.32
#19f3ff
H: 183 S: 1 L: 0.55
#a1f6d0
H: 153 S: 0.83 L: 0.8
#896942
H: 33 S: 0.35 L: 0.4
#d79f5a
H: 33 S: 0.61 L: 0.6
#58708d
H: 213 S: 0.23 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#588d75
H: 153 S: 0.23 L: 0.45
#eff4f5
H: 190 S: 0.23 L: 0.95
#c88636
H: 33 S: 0.57 L: 0.5
#b3c0cf
H: 212 S: 0.23 L: 0.76
#3c5f61
H: 183 S: 0.24 L: 0.31
#45aa7c
H: 153 S: 0.42 L: 0.47
#bc9c75
H: 33 S: 0.35 L: 0.6
#ecf7f2
H: 153 S: 0.41 L: 0.95
#1374eb
H: 213 S: 0.85 L: 0.5
#edf6f6
H: 180 S: 0.33 L: 0.95
#629c82
H: 153 S: 0.23 L: 0.5
#13ebeb
H: 180 S: 0.85 L: 0.5
#b1844d
H: 33 S: 0.39 L: 0.5
#f4cb98
H: 33 S: 0.81 L: 0.78
#286bbd
H: 213 S: 0.65 L: 0.45
#aac8c9
H: 182 S: 0.22 L: 0.73
#28bd7a
H: 153 S: 0.65 L: 0.45
#45576c
H: 212 S: 0.22 L: 0.35
#f38b0b
H: 33 S: 0.91 L: 0.5
#d6b68e
H: 33 S: 0.47 L: 0.7
#1669ce
H: 213 S: 0.81 L: 0.45
#adcacb
H: 182 S: 0.22 L: 0.74
#50806a
H: 153 S: 0.23 L: 0.41
#b99c78
H: 33 S: 0.32 L: 0.6
#15cf7c
H: 153 S: 0.82 L: 0.45
#eccfab
H: 33 S: 0.63 L: 0.8
#326cb3
H: 213 S: 0.56 L: 0.45
#a4c4c6
H: 184 S: 0.23 L: 0.71
#189a5f
H: 153 S: 0.73 L: 0.35
#595959
H: 0 S: 0 L: 0.35
#282828
H: 0 S: 0 L: 0.16
#5e5e5e
H: 0 S: 0 L: 0.37
#44576d
H: 212 S: 0.23 L: 0.35
#0eccd6
H: 183 S: 0.88 L: 0.45
#18cd7b
H: 153 S: 0.79 L: 0.45
#099456
H: 153 S: 0.89 L: 0.31
#bf853f
H: 33 S: 0.5 L: 0.5
#d9cdbe
H: 33 S: 0.26 L: 0.8
#06383b
H: 183 S: 0.82 L: 0.13
#eef1f6
H: 218 S: 0.31 L: 0.95
#62999c
H: 183 S: 0.23 L: 0.5
#38c686
H: 153 S: 0.56 L: 0.5
#f48b0a
H: 33 S: 0.92 L: 0.5
#bb8543
H: 33 S: 0.47 L: 0.5
#386cc6
H: 218 S: 0.56 L: 0.5
#fbfcfd
H: 210 S: 0.33 L: 0.99
#627c9c
H: 213 S: 0.23 L: 0.5
#e8fafb
H: 183 S: 0.7 L: 0.95
#1ae489
H: 153 S: 0.8 L: 0.5
#2676d8
H: 213 S: 0.7 L: 0.5
#ca8734
H: 33 S: 0.59 L: 0.5
#19dbe5
H: 183 S: 0.8 L: 0.5
#2676d8
H: 213 S: 0.7 L: 0.5
#58708d
H: 213 S: 0.23 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#588d75
H: 153 S: 0.23 L: 0.45
#dbdbdb
H: 0 S: 0 L: 0.86
#c4c4c4
H: 0 S: 0 L: 0.77
#424242
H: 0 S: 0 L: 0.26
#3f3f3f
H: 0 S: 0 L: 0.25
#eff1f5
H: 220 S: 0.23 L: 0.95
#1adae4
H: 183 S: 0.8 L: 0.5
#629c82
H: 153 S: 0.23 L: 0.5
#195de5
H: 220 S: 0.8 L: 0.5
#c4863a
H: 33 S: 0.54 L: 0.5
#19e589
H: 153 S: 0.8 L: 0.5
#515151
H: 0 S: 0 L: 0.32
#dcc6ab
H: 33 S: 0.41 L: 0.77
#657f9e
H: 213 S: 0.23 L: 0.51
#31adb4
H: 183 S: 0.57 L: 0.45
#83e1b7
H: 153 S: 0.61 L: 0.7
#926a39
H: 33 S: 0.44 L: 0.4
#173962
H: 213 S: 0.62 L: 0.24
#e1b783
H: 33 S: 0.61 L: 0.7
#fbfdfc
H: 150 S: 0.33 L: 0.99
#e58919
H: 33 S: 0.8 L: 0.5
#657f9e
H: 213 S: 0.23 L: 0.51
#1ac2cb
H: 183 S: 0.77 L: 0.45
#46705d
H: 153 S: 0.23 L: 0.36
#d9dfe7
H: 214 S: 0.23 L: 0.88
#1862bd
H: 213 S: 0.77 L: 0.42
#dfa052
H: 33 S: 0.69 L: 0.6
#c7b49d
H: 33 S: 0.27 L: 0.7
#45e69e
H: 153 S: 0.76 L: 0.59
#1669ce
H: 213 S: 0.81 L: 0.45
#23e0ea
H: 183 S: 0.83 L: 0.53
#a4c6b6
H: 152 S: 0.23 L: 0.71
#878787
H: 0 S: 0 L: 0.53
#c1c1c1
H: 0 S: 0 L: 0.76
#262626
H: 0 S: 0 L: 0.15
#a5a5a5
H: 0 S: 0 L: 0.65
#a5a5a5
H: 0 S: 0 L: 0.65
#1969cc
H: 213 S: 0.78 L: 0.45
#97bcbe
H: 183 S: 0.23 L: 0.67
#2bc47f
H: 153 S: 0.64 L: 0.47
#eceff3
H: 214 S: 0.23 L: 0.94
#eca145
H: 33 S: 0.81 L: 0.6
#aa6c21
H: 33 S: 0.67 L: 0.4
#777777
H: 0 S: 0 L: 0.47
#ceb596
H: 33 S: 0.36 L: 0.7
#1f8e5c
H: 153 S: 0.64 L: 0.34
#1869cd
H: 213 S: 0.79 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#20e38b
H: 153 S: 0.78 L: 0.51
#408be7
H: 213 S: 0.78 L: 0.58
#bb8543
H: 33 S: 0.47 L: 0.5
#21352c
H: 153 S: 0.23 L: 0.17
#0e7076
H: 183 S: 0.79 L: 0.26
#d9cdbe
H: 33 S: 0.26 L: 0.8
#f2f4f7
H: 216 S: 0.24 L: 0.96
#2c6bb8
H: 213 S: 0.61 L: 0.45
#588a8d
H: 183 S: 0.23 L: 0.45
#3e6453
H: 153 S: 0.23 L: 0.32
#b0cccd
H: 182 S: 0.22 L: 0.75
#2cb879
H: 153 S: 0.61 L: 0.45
#dae6f6
H: 214 S: 0.61 L: 0.91
#879bb4
H: 213 S: 0.23 L: 0.62
#1f2732
H: 215 S: 0.23 L: 0.16
#5ed8a1
H: 153 S: 0.61 L: 0.61
#7cade8
H: 213 S: 0.7 L: 0.7
#bdd4d5
H: 183 S: 0.22 L: 0.79
#2c815a
H: 152 S: 0.49 L: 0.34
#5bc794
H: 152 S: 0.49 L: 0.57
#7ce8b6
H: 152 S: 0.7 L: 0.7
#0b2341
H: 213 S: 0.71 L: 0.15
#2471d0
H: 213 S: 0.7 L: 0.48
#f2f7f4
H: 144 S: 0.24 L: 0.96
#031415
H: 183 S: 0.75 L: 0.05
#bdc8d5
H: 213 S: 0.22 L: 0.79
#588a8d
H: 183 S: 0.23 L: 0.45
#3e6453
H: 153 S: 0.23 L: 0.32
#84b0b2
H: 183 S: 0.23 L: 0.61
#a96c22
H: 33 S: 0.67 L: 0.4
#d4b590
H: 33 S: 0.44 L: 0.7
#e5eeef
H: 186 S: 0.24 L: 0.92
#eca145
H: 33 S: 0.81 L: 0.6
#aebbcb
H: 213 S: 0.22 L: 0.74
#b07630
H: 33 S: 0.57 L: 0.44
#356caf
H: 213 S: 0.54 L: 0.45
#5f9295
H: 183 S: 0.22 L: 0.48
#9dc2b1
H: 152 S: 0.23 L: 0.69
#757575
H: 0 S: 0 L: 0.46
#e0e0e0
H: 0 S: 0 L: 0.88
#fcfcfc
H: 0 S: 0 L: 0.99
#adadad
H: 0 S: 0 L: 0.68
#727272
H: 0 S: 0 L: 0.45
#474747
H: 0 S: 0 L: 0.28
#adadad
H: 0 S: 0 L: 0.68
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.