Primary colors
</>
 
Primary colors

These example colors are almost of the same medium perceived brightness. This is why they share good contrast to black and white text color.

In addition they are of medium visibility, so the secondary colors in light and dark mode will show similar shades.

#bc4342
#c93936
#d62b28
#ef1c10
#bc4a42
#c74438
#c84b37
#c95036
#d53829
#d63f28
#e13f1e
#ee2010
#ef3810
#bc5d42
#c75938
#c85837
#c95d36
#d4582a
#d55729
#d65c28
#e1561e
#e2551d
#ee4c10
#ef5210
#bb7444
#bc7342
#c77038
#c87037
#c96f36
#d46b2a
#d56429
#d66328
#e15d1e
#e25c1d
#e26f1d
#ee6210
#bb7944
#bc7842
#c77638
#c78538
#c87f37
#c97936
#d4762a
#d57a29
#e1701e
#bc8742
#44bb4f
#44a7bb
#42abbc
#449fbb
#429cbc
#389fc7
#38abc7
#37a7c8
#36a3c9
#2aa2d4
#29a2d5
#28a5d6
#1da7e2
#4494bb
#4294bc
#3893c7
#378fc8
#379bc8
#3697c9
#2a92d4
#2a9ed4
#2996d5
#288ed6
#289ad6
#1e90e1
#1e9ce1
#1d90e2
#1d9ce2
#1091ee
#109dee
#1095ef
#10a1ef
#447fbb
#427bbc
#4288bc
#3883c7
#377fc8
#378bc8
#3683c9
#2a79d4
#2a86d4
#297dd5
#298ad5
#2881d6
#1e7be1
#1e88e1
#1d7fe2
#1d8ce2
#1080ee
#108dee
#1080ef
#108def
#4473bb
#4273bc
#386ec7
#3769c8
#3776c8
#3672c9
#2a6cd4
#2967d5
#2975d5
#2870d6
#1e69e1
#1e77e1
#1d6de2
#1060ee
#106eee
#1065ef
#1073ef
#446abb
#426abc
#3760c8
#3665c9
#295ed5
#2862d6
#1d5ae2
#105bee
#7644bb
#7e42bc
#7c36c9
#7d28d6
#7710ee
#8544bb
#8c42bc
#9038c7
#9037c8
#9036c9
#922ad4
#9229d5
#9228d6
#911ee1
#901de2
#8610ee
#8510ef
#9a10ef
#9342bc
#9d38c7
#9736c9
#9e2ad4
#9e29d5
#9e28d6
#9d1ee1
#9d1de2
#9a10ee
#ad10ee
#a610ef
#a044bb
#a642bc
#af38c7
#b037c8
#b036c9
#b72ad4
#b729d5
#b728d6
#b61ee1
#b01de2
#c21de2
#c510ee
#bf10ef
#ac44bb
#ac42bc
#b538c7
#b637c8
#b636c9
#bd2ad4
#ce2ad4
#c829d5
#c828d6
#cd1ee1
#c71de2
#d81de2
#d610ee
#e710ee
#db10ef
#bb44b5
#c837c7
#d42ac5
#d428d6
#e11eda
#ef10d9
#c738a8
#c936b6
#d529c3
#e11ebb
#e21dc9
#c837a6
#d529a1
#e21da7
#ef10a6
#bc4291
#c93693
#d6288b
#ee1095
#bc427c
#c9367e
#d62875
#ee107f
#c83768
#d5295e
#ee1064
#bc4264
#e21d41
#c8374a
#d52939
#bb4447