Basscss’s default color palette has 96 readable color combinations.

AAA 18.88

black on white #111111 / #FFFFFF

.black .bg-white
AAA 18.88

white on black #FFFFFF / #111111

.white .bg-black
AAA 16.56

white on navy #FFFFFF / #001F3F

.white .bg-navy
AAA 13.97

black on lime #111111 / #01FF70

.black .bg-lime
AAA 13.97

lime on black #01FF70 / #111111

.lime .bg-black
AAA 13.93

black on yellow #111111 / #FFDC00

.black .bg-yellow
AAA 13.93

yellow on black #FFDC00 / #111111

.yellow .bg-black
AAA 13.90

silver on black #DDDDDD / #111111

.silver .bg-black
AAA 13.90

black on silver #111111 / #DDDDDD

.black .bg-silver
AAA 12.26

lime on navy #01FF70 / #001F3F

.lime .bg-navy
AAA 12.22

yellow on navy #FFDC00 / #001F3F

.yellow .bg-navy
AAA 12.20

silver on navy #DDDDDD / #001F3F

.silver .bg-navy
AAA 12.12

black on aqua #111111 / #7FDBFF

.black .bg-aqua
AAA 12.12

aqua on black #7FDBFF / #111111

.aqua .bg-black
AAA 10.63

aqua on navy #7FDBFF / #001F3F

.aqua .bg-navy
AAA 9.61

black on teal #111111 / #39CCCC

.black .bg-teal
AAA 9.61

teal on black #39CCCC / #111111

.teal .bg-black
AAA 9.55

maroon on white #85144B / #FFFFFF

.maroon .bg-white
AAA 9.55

white on maroon #FFFFFF / #85144B

.white .bg-maroon
AAA 8.84

black on green #111111 / #2ECC40

.black .bg-green
AAA 8.84

green on black #2ECC40 / #111111

.green .bg-black
AAA 8.43

teal on navy #39CCCC / #001F3F

.teal .bg-navy
AAA 8.13

black on gray #111111 / #AAAAAA

.black .bg-gray
AAA 8.13

gray on black #AAAAAA / #111111

.gray .bg-black
AAA 7.75

black on orange #111111 / #FF851B

.black .bg-orange
AAA 7.75

orange on black #FF851B / #111111

.orange .bg-black
AAA 7.75

green on navy #2ECC40 / #001F3F

.green .bg-navy
AAA 7.13

gray on navy #AAAAAA / #001F3F

.gray .bg-navy
AAA 7.07

lime on maroon #01FF70 / #85144B

.lime .bg-maroon
AAA 7.07

maroon on lime #85144B / #01FF70

.maroon .bg-lime
AAA 7.04

yellow on maroon #FFDC00 / #85144B

.yellow .bg-maroon
AAA 7.04

maroon on yellow #85144B / #FFDC00

.maroon .bg-yellow
AAA 7.03

silver on maroon #DDDDDD / #85144B

.silver .bg-maroon
AAA 7.03

maroon on silver #85144B / #DDDDDD

.maroon .bg-silver
AA 6.80

orange on navy #FF851B / #001F3F

.orange .bg-navy
AA 6.13

maroon on aqua #85144B / #7FDBFF

.maroon .bg-aqua
AA 6.13

aqua on maroon #7FDBFF / #85144B

.aqua .bg-maroon
AA 5.57

white on purple #FFFFFF / #B10DC9

.white .bg-purple
AA 5.57

purple on white #B10DC9 / #FFFFFF

.purple .bg-white
AA 5.45

red on black #FF4136 / #111111

.red .bg-black
AA 5.45

black on red #111111 / #FF4136

.black .bg-red
AA 5.39

black on olive #111111 / #3D9970

.black .bg-olive
AA 5.39

olive on black #3D9970 / #111111

.olive .bg-black
AA 4.98

fuchsia on black #F012BE / #111111

.fuchsia .bg-black
AA 4.98

black on fuchsia #111111 / #F012BE

.black .bg-fuchsia
AA 4.86

teal on maroon #39CCCC / #85144B

.teal .bg-maroon
AA 4.86

maroon on teal #85144B / #39CCCC

.maroon .bg-teal
AA 4.78

red on navy #FF4136 / #001F3F

.red .bg-navy
AA 4.72

olive on navy #3D9970 / #001F3F

.olive .bg-navy
AA 4.67

blue on white #0074D9 / #FFFFFF

.blue .bg-white
AA 4.67

white on blue #FFFFFF / #0074D9

.white .bg-blue
AA Large 4.47

green on maroon #2ECC40 / #85144B

.green .bg-maroon
AA Large 4.47

maroon on green #85144B / #2ECC40

.maroon .bg-green
AA Large 4.37

fuchsia on navy #F012BE / #001F3F

.fuchsia .bg-navy
AA Large 4.12

lime on purple #01FF70 / #B10DC9

.lime .bg-purple
AA Large 4.12

purple on lime #B10DC9 / #01FF70

.purple .bg-lime
AA Large 4.11

maroon on gray #85144B / #AAAAAA

.maroon .bg-gray
AA Large 4.11

gray on maroon #AAAAAA / #85144B

.gray .bg-maroon
AA Large 4.11

purple on yellow #B10DC9 / #FFDC00

.purple .bg-yellow
AA Large 4.11

yellow on purple #FFDC00 / #B10DC9

.yellow .bg-purple
AA Large 4.10

silver on purple #DDDDDD / #B10DC9

.silver .bg-purple
AA Large 4.10

purple on silver #B10DC9 / #DDDDDD

.purple .bg-silver
AA Large 4.05

blue on black #0074D9 / #111111

.blue .bg-black
AA Large 4.05

black on blue #111111 / #0074D9

.black .bg-blue
AA Large 3.92

orange on maroon #FF851B / #85144B

.orange .bg-maroon
AA Large 3.92

maroon on orange #85144B / #FF851B

.maroon .bg-orange
AA Large 3.79

white on fuchsia #FFFFFF / #F012BE

.white .bg-fuchsia
AA Large 3.79

fuchsia on white #F012BE / #FFFFFF

.fuchsia .bg-white
AA Large 3.57

purple on aqua #B10DC9 / #7FDBFF

.purple .bg-aqua
AA Large 3.57

aqua on purple #7FDBFF / #B10DC9

.aqua .bg-purple
AA Large 3.55

blue on navy #0074D9 / #001F3F

.blue .bg-navy
AA Large 3.51

white on olive #FFFFFF / #3D9970

.white .bg-olive
AA Large 3.51

olive on white #3D9970 / #FFFFFF

.olive .bg-white
AA Large 3.46

white on red #FFFFFF / #FF4136

.white .bg-red
AA Large 3.46

red on white #FF4136 / #FFFFFF

.red .bg-white
AA Large 3.45

blue on lime #0074D9 / #01FF70

.blue .bg-lime
AA Large 3.45

lime on blue #01FF70 / #0074D9

.lime .bg-blue
AA Large 3.44

blue on yellow #0074D9 / #FFDC00

.blue .bg-yellow
AA Large 3.44

yellow on blue #FFDC00 / #0074D9

.yellow .bg-blue
AA Large 3.44

silver on blue #DDDDDD / #0074D9

.silver .bg-blue
AA Large 3.44

blue on silver #0074D9 / #DDDDDD

.blue .bg-silver
AA Large 3.39

black on purple #111111 / #B10DC9

.black .bg-purple
AA Large 3.39

purple on black #B10DC9 / #111111

.purple .bg-black