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

#577ba7
H: 213 S: 0.31 L: 0.5
#57a3a7
H: 183 S: 0.31 L: 0.5
#57a783
H: 153 S: 0.31 L: 0.5

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.

#577ba7
H: 213 S: 0.31 L: 0.5
#10e3ee
H: 183 S: 0.87 L: 0.5
#4bb384
H: 153 S: 0.41 L: 0.5
#577ba7
H: 213 S: 0.31 L: 0.5
#57a3a7
H: 183 S: 0.31 L: 0.5
#57a783
H: 153 S: 0.31 L: 0.5
#0773f7
H: 213 S: 0.94 L: 0.5
#13e1eb
H: 183 S: 0.85 L: 0.5
#a8d1be
H: 152 S: 0.31 L: 0.74
#eef1f6
H: 218 S: 0.31 L: 0.95
#57a3a7
H: 183 S: 0.31 L: 0.5
#08f68b
H: 153 S: 0.94 L: 0.5
#075ff7
H: 218 S: 0.94 L: 0.5
#3477ca
H: 213 S: 0.59 L: 0.5
#57a3a7
H: 183 S: 0.31 L: 0.5
#13eb8a
H: 153 S: 0.85 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#577ba7
H: 213 S: 0.31 L: 0.5
#57a3a7
H: 183 S: 0.31 L: 0.5
#57a783
H: 153 S: 0.31 L: 0.5
#eef6f2
H: 150 S: 0.31 L: 0.95
#398aed
H: 213 S: 0.83 L: 0.58
#47b1b7
H: 183 S: 0.44 L: 0.5
#94c6af
H: 152 S: 0.3 L: 0.68
#7f7f7f
H: 0 S: 0 L: 0.5
#577ba7
H: 213 S: 0.31 L: 0.5
#50dae1
H: 183 S: 0.71 L: 0.6
#0fef8a
H: 153 S: 0.88 L: 0.5
#0f74ef
H: 213 S: 0.88 L: 0.5
#065f64
H: 183 S: 0.89 L: 0.21
#577ba7
H: 213 S: 0.31 L: 0.5
#0fe4ef
H: 183 S: 0.88 L: 0.5
#31cd87
H: 153 S: 0.61 L: 0.5
#f8fbfa
H: 160 S: 0.27 L: 0.98
#0f74ef
H: 213 S: 0.88 L: 0.5
#577ba7
H: 213 S: 0.31 L: 0.5
#eef6f6
H: 180 S: 0.31 L: 0.95
#10ee8a
H: 153 S: 0.87 L: 0.5
#1074ee
H: 213 S: 0.87 L: 0.5
#10eeee
H: 180 S: 0.87 L: 0.5
#378ffa
H: 213 S: 0.95 L: 0.6
#9ec9cb
H: 183 S: 0.3 L: 0.71
#57a783
H: 153 S: 0.31 L: 0.5
#cdb597
H: 33 S: 0.35 L: 0.7
#c1863d
H: 33 S: 0.52 L: 0.5
#507199
H: 213 S: 0.31 L: 0.46
#29e9f3
H: 183 S: 0.89 L: 0.56
#45d796
H: 153 S: 0.65 L: 0.56
#8e8e8e
H: 0 S: 0 L: 0.56
#234234
H: 153 S: 0.31 L: 0.2
#e6a04b
H: 33 S: 0.76 L: 0.6
#1b5396
H: 213 S: 0.69 L: 0.35
#8dd8dc
H: 183 S: 0.53 L: 0.71
#51ad84
H: 153 S: 0.36 L: 0.5
#595959
H: 0 S: 0 L: 0.35
#b5b5b5
H: 0 S: 0 L: 0.71
#224837
H: 153 S: 0.36 L: 0.21
#567ba8
H: 213 S: 0.32 L: 0.5
#23d2db
H: 183 S: 0.72 L: 0.5
#3b7159
H: 153 S: 0.31 L: 0.34
#8e8e8e
H: 0 S: 0 L: 0.56
#686868
H: 0 S: 0 L: 0.41
#898989
H: 0 S: 0 L: 0.54
#075abe
H: 213 S: 0.93 L: 0.39
#57a3a7
H: 183 S: 0.31 L: 0.5
#468569
H: 153 S: 0.31 L: 0.4
#ee8a10
H: 33 S: 0.87 L: 0.5
#966a35
H: 33 S: 0.48 L: 0.4
#18222e
H: 213 S: 0.31 L: 0.14
#577ba7
H: 213 S: 0.31 L: 0.5
#57a3a7
H: 183 S: 0.31 L: 0.5
#57a783
H: 153 S: 0.31 L: 0.5
#6d6d6d
H: 0 S: 0 L: 0.43
#adadad
H: 0 S: 0 L: 0.68
#d1d1d1
H: 0 S: 0 L: 0.82
#bfbfbf
H: 0 S: 0 L: 0.75
#b8c7da
H: 214 S: 0.31 L: 0.79
#57a3a7
H: 183 S: 0.31 L: 0.5
#15d57e
H: 153 S: 0.82 L: 0.46
#bb9c76
H: 33 S: 0.34 L: 0.6
#0c814d
H: 153 S: 0.83 L: 0.28
#bd6e0e
H: 33 S: 0.86 L: 0.4
#1568d5
H: 214 S: 0.82 L: 0.46
#5291df
H: 213 S: 0.69 L: 0.6
#80b9bc
H: 183 S: 0.31 L: 0.62
#0af48b
H: 153 S: 0.92 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#e2e2e2
H: 0 S: 0 L: 0.89
#0a0a0a
H: 0 S: 0 L: 0.04
#070707
H: 0 S: 0 L: 0.03
#9ab0ca
H: 213 S: 0.31 L: 0.7
#21d4dd
H: 183 S: 0.74 L: 0.5
#468569
H: 153 S: 0.31 L: 0.4
#94eaef
H: 183 S: 0.74 L: 0.76
#ddb687
H: 33 S: 0.56 L: 0.7
#9d6b2e
H: 33 S: 0.55 L: 0.4
#f28a0c
H: 33 S: 0.91 L: 0.5
#627a97
H: 213 S: 0.21 L: 0.49
#21d4dd
H: 183 S: 0.74 L: 0.5
#07ed85
H: 153 S: 0.94 L: 0.48
#dfa052
H: 33 S: 0.69 L: 0.6
#17989f
H: 183 S: 0.75 L: 0.36
#846947
H: 33 S: 0.3 L: 0.4
#ebcfac
H: 33 S: 0.61 L: 0.8
#f38b0b
H: 33 S: 0.91 L: 0.5
#aec9e9
H: 213 S: 0.57 L: 0.8
#53d7de
H: 183 S: 0.68 L: 0.6
#27cd82
H: 153 S: 0.68 L: 0.48
#a58359
H: 33 S: 0.3 L: 0.5
#2772cd
H: 213 S: 0.68 L: 0.48
#188051
H: 153 S: 0.68 L: 0.3
#e2ceb5
H: 33 S: 0.44 L: 0.8
#ba6e11
H: 33 S: 0.83 L: 0.4
#577ba7
H: 213 S: 0.31 L: 0.5
#57a3a7
H: 183 S: 0.31 L: 0.5
#57a783
H: 153 S: 0.31 L: 0.5
#dd9f54
H: 33 S: 0.67 L: 0.6
#dde4ed
H: 214 S: 0.31 L: 0.9
#bb6e10
H: 33 S: 0.84 L: 0.4
#eccfab
H: 33 S: 0.63 L: 0.8
#1a3227
H: 153 S: 0.32 L: 0.15
#1474ea
H: 213 S: 0.84 L: 0.5
#22d3dc
H: 183 S: 0.73 L: 0.5
#57a783
H: 153 S: 0.31 L: 0.5
#87ecbf
H: 153 S: 0.73 L: 0.73
#0b3f7e
H: 213 S: 0.84 L: 0.27
#14ea8a
H: 153 S: 0.84 L: 0.5
#168d57
H: 153 S: 0.73 L: 0.32
#72acf2
H: 213 S: 0.83 L: 0.7
#1474ea
H: 213 S: 0.84 L: 0.5
#346164
H: 184 S: 0.32 L: 0.3
#76b699
H: 153 S: 0.3 L: 0.59
#ebf4f0
H: 153 S: 0.29 L: 0.94
#e5b77f
H: 33 S: 0.66 L: 0.7
#886943
H: 33 S: 0.34 L: 0.4
#8eeef5
H: 184 S: 0.84 L: 0.76
#f78b07
H: 33 S: 0.94 L: 0.5
#14dcea
H: 184 S: 0.84 L: 0.5
#4779b7
H: 213 S: 0.44 L: 0.5
#38686a
H: 182 S: 0.31 L: 0.32
#57a783
H: 153 S: 0.31 L: 0.5
#5e5e5e
H: 0 S: 0 L: 0.37
#d8d8d8
H: 0 S: 0 L: 0.85
#7c7c7c
H: 0 S: 0 L: 0.49
#0a0a0a
H: 0 S: 0 L: 0.04
#0f0f0f
H: 0 S: 0 L: 0.06
#383838
H: 0 S: 0 L: 0.22
#eef1f6
H: 218 S: 0.31 L: 0.95
#57a3a7
H: 183 S: 0.31 L: 0.5
#02fc8b
H: 153 S: 0.98 L: 0.5
#ba8544
H: 33 S: 0.46 L: 0.5
#7f7f7f
H: 0 S: 0 L: 0.5
#025efc
H: 218 S: 0.98 L: 0.5
#02effc
H: 183 S: 0.98 L: 0.5
#18202e
H: 218 S: 0.31 L: 0.14
#fad9b1
H: 33 S: 0.88 L: 0.84
#577ba7
H: 213 S: 0.31 L: 0.5
#57a3a7
H: 183 S: 0.31 L: 0.5
#57a783
H: 153 S: 0.31 L: 0.5
#7a7a7a
H: 0 S: 0 L: 0.48
#1e1e1e
H: 0 S: 0 L: 0.12
#e0e0e0
H: 0 S: 0 L: 0.88
#afafaf
H: 0 S: 0 L: 0.69
#8e8e8e
H: 0 S: 0 L: 0.56
#898989
H: 0 S: 0 L: 0.54
#488ee4
H: 213 S: 0.74 L: 0.59
#80b9bc
H: 183 S: 0.31 L: 0.62
#b8dacb
H: 154 S: 0.31 L: 0.79
#898989
H: 0 S: 0 L: 0.54
#a0a0a0
H: 0 S: 0 L: 0.63
#e2e2e2
H: 0 S: 0 L: 0.89
#f9f9f9
H: 0 S: 0 L: 0.98
#666666
H: 0 S: 0 L: 0.4
#878787
H: 0 S: 0 L: 0.53
#303030
H: 0 S: 0 L: 0.19
#527bac
H: 213 S: 0.35 L: 0.5
#eaf9fa
H: 184 S: 0.62 L: 0.95
#24da88
H: 153 S: 0.72 L: 0.5
#b68448
H: 33 S: 0.43 L: 0.5
#f8b96c
H: 33 S: 0.91 L: 0.7
#30c4ce
H: 184 S: 0.62 L: 0.5
#f08a0e
H: 33 S: 0.89 L: 0.5
#777777
H: 0 S: 0 L: 0.47
#20170d
H: 32 S: 0.42 L: 0.09
#afafaf
H: 0 S: 0 L: 0.69
Please send an e-mail to brettspill1000(a)yahoo.no if you have any feedback, questions or comments.