Colors

Contrast

Every memorisely color is checked for contrast accessibility across small and large text. Each color block has a color contrast table showing combinations that either pass or fail.

Brand

Mint
#00c3a7
Color
Coconut
Pepper
Contrast
2.24:1
8.06:1
16px
Fail
Pass
24px
Fail
Pass

Functional

Pepper
#151522
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Salt
#f7f7f7
Color
Coconut
Pepper
Kale
Contrast
1.07:1
16.87:1
7.65:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Shiitake
#efeeea
Color
Coconut
Pepper
Kale
Contrast
1.16:1
15.56:1
7.06:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut
#ffffff
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Kale
#055766
Color
Coconut
Pepper
Kale
Contrast
8.2:1
2.2:1
1:1
16px
Pass
Fail
Fail
24px
Pass
Fail
Fail

Feedback

Crepe
#e8debe
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Grape
#e1d5fa
Color
Coconut
Pepper
Contrast
1.39:1
12.99:1
16px
Fail
Pass
24px
Fail
Pass
Mentos
#d3e4f9
Color
Coconut
Pepper
Contrast
1.29:1
13.97:1
16px
Fail
Pass
24px
Fail
Pass
Radish
#fbd3e6
Color
Coconut
Pepper
Contrast
1.35:1
13.39:1
16px
Fail
Pass
24px
Fail
Pass
Melon
#ffd4d4
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Artichoke
#e6e6e5
Color
Coconut
Pepper
Contrast
1.25:1
14.47:1
16px
Fail
Pass
24px
Fail
Pass
Parsnip
#fbeed5
Color
Coconut
Pepper
Contrast
1.15:1
15.74:1
16px
Fail
Pass
24px
Fail
Pass
Parsley
#d4e8e2
Color
Coconut
Pepper
Contrast
1.28:1
14.15:1
16px
Fail
Pass
24px
Fail
Pass
Beets
#efd0f6
Color
Coconut
Pepper
Contrast
1.4:1
12.93:1
16px
Fail
Pass
24px
Fail
Pass
Apple
#d8f2db
Color
Coconut
Pepper
Contrast
1.19:1
15.18:1
16px
Fail
Pass
24px
Fail
Pass

Accent

Acai
#5c25e7
Color
Coconut
Pepper
Contrast
7.31:1
2.47:1
16px
Pass
Fail
24px
Pass
Fail
Cherry
#A2105E
Color
Coconut
Pepper
Contrast
7.58:1
2.39:1
16px
Pass
Fail
24px
Pass
Fail
Mustard
#eba739
Color
Coconut
Pepper
Contrast
2.07:1
8.71:1
16px
Fail
Pass
24px
Fail
Pass
Blueberry
#1B2BD9
Color
Coconut
Pepper
Contrast
8.77:1
2.06:1
16px
Pass
Fail
24px
Pass
Fail
Tomato
#8B2B09
Color
Coconut
Pepper
Contrast
8.58:1
2.11:1
16px
Pass
Fail
24px
Pass
Fail

Neutral

Pepper
#151522
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Pepper_80
n/a
Pepper_40
n/a
Pepper_24
n/a
Pepper_08
n/a
Coconut
#ffffff
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut_80
n/a
Coconut_40
n/a
Coconut_24
n/a
Coconut_08
n/a

Brand

Mint
rgb(0, 195, 167)
Color
Coconut
Pepper
Contrast
2.24:1
8.06:1
16px
Fail
Pass
24px
Fail
Pass

Functional

Pepper
rgb(21, 21, 34)
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Salt
rgb(247, 247, 247)
Color
Coconut
Pepper
Kale
Contrast
1.07:1
16.87:1
7.65:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Shiitake
rgb(239, 238, 234)
Color
Coconut
Pepper
Kale
Contrast
1.16:1
15.56:1
7.06:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut
rgb(255, 255, 255)
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Kale
rgb(5, 87, 102)
Color
Coconut
Pepper
Kale
Contrast
8.2:1
2.2:1
1:1
16px
Pass
Fail
Fail
24px
Pass
Fail
Fail

Feedback

Crepe
rgb(232, 222, 190)
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Grape
rgb(225, 213, 250)
Color
Coconut
Pepper
Contrast
1.39:1
12.99:1
16px
Fail
Pass
24px
Fail
Pass
Mentos
rgb(211, 228, 249)
Color
Coconut
Pepper
Contrast
1.29:1
13.97:1
16px
Fail
Pass
24px
Fail
Pass
Radish
rgb(251, 211, 230)
Color
Coconut
Pepper
Contrast
1.35:1
13.39:1
16px
Fail
Pass
24px
Fail
Pass
Melon
rgb(255, 212, 212)
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Artichoke
rgb(230, 230, 229)
Color
Coconut
Pepper
Contrast
1.25:1
14.47:1
16px
Fail
Pass
24px
Fail
Pass
Parsnip
rgb(251, 238, 213)
Color
Coconut
Pepper
Contrast
1.15:1
15.74:1
16px
Fail
Pass
24px
Fail
Pass
Parsley
rgb(212, 232, 226)
Color
Coconut
Pepper
Contrast
1.28:1
14.15:1
16px
Fail
Pass
24px
Fail
Pass
Beets
rgb(239, 208, 246)
Color
Coconut
Pepper
Contrast
1.4:1
12.93:1
16px
Fail
Pass
24px
Fail
Pass
Apple
rgb(216, 242, 219)
Color
Coconut
Pepper
Contrast
1.19:1
15.18:1
16px
Fail
Pass
24px
Fail
Pass

Accent

Acai
rgb(92, 37, 231)
Color
Coconut
Pepper
Contrast
7.31:1
2.47:1
16px
Pass
Fail
24px
Pass
Fail
Cherry
rgb(162, 16, 94)
Color
Coconut
Pepper
Contrast
7.58:1
2.39:1
16px
Pass
Fail
24px
Pass
Fail
Mustard
rgb(235, 167, 58)
Color
Coconut
Pepper
Contrast
2.07:1
8.71:1
16px
Fail
Pass
24px
Fail
Pass
Blueberry
rgb(27, 43, 217)
Color
Coconut
Pepper
Contrast
8.77:1
2.06:1
16px
Pass
Fail
24px
Pass
Fail
Tomato
rgb(139, 43, 9)
Color
Coconut
Pepper
Contrast
8.58:1
2.11:1
16px
Pass
Fail
24px
Pass
Fail

Neutral

Pepper
rgb(21, 21, 34)
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Pepper_80
rgba(21, 21, 34, 80)
Pepper_40
rgba(21, 21, 34, 40)
Pepper_24
rgba(21, 21, 34, 24)
Pepper_08
rgba(21, 21, 34, 08)
Coconut
rgb(255, 255, 255)
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut_80
rgba(255, 255, 255, 80)
Coconut_40
rgba(255, 255, 255, 40)
Coconut_24
rgba(255, 255, 255, 24)
Coconut_08
rgba(255, 255, 255, 08)

Brand

Mint
171, 100, 76
Color
Coconut
Pepper
Contrast
2.24:1
8.06:1
16px
Fail
Pass
24px
Fail
Pass

Functional

Pepper
240, 38, 13
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Salt
0, 0, 97
Color
Coconut
Pepper
Kale
Contrast
1.07:1
16.87:1
7.65:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Shiitake
48, 2, 94
Color
Coconut
Pepper
Kale
Contrast
1.16:1
15.56:1
7.06:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut
0, 0, 100
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Kale
189, 95, 40
Color
Coconut
Pepper
Kale
Contrast
8.2:1
2.2:1
1:1
16px
Pass
Fail
Fail
24px
Pass
Fail
Fail

Feedback

Crepe
46, 18, 91
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Grape
259, 15, 98
Color
Coconut
Pepper
Contrast
1.39:1
12.99:1
16px
Fail
Pass
24px
Fail
Pass
Mentos
213, 15, 98
Color
Coconut
Pepper
Contrast
1.29:1
13.97:1
16px
Fail
Pass
24px
Fail
Pass
Radish
332, 16, 98
Color
Coconut
Pepper
Contrast
1.35:1
13.39:1
16px
Fail
Pass
24px
Fail
Pass
Melon
0, 17, 100
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Artichoke
60, 0, 90
Color
Coconut
Pepper
Contrast
1.25:1
14.47:1
16px
Fail
Pass
24px
Fail
Pass
Parsnip
39, 15, 98
Color
Coconut
Pepper
Contrast
1.15:1
15.74:1
16px
Fail
Pass
24px
Fail
Pass
Parsley
162, 9, 91
Color
Coconut
Pepper
Contrast
1.28:1
14.15:1
16px
Fail
Pass
24px
Fail
Pass
Beets
289, 15, 96
Color
Coconut
Pepper
Contrast
1.4:1
12.93:1
16px
Fail
Pass
24px
Fail
Pass
Apple
127, 11, 95
Color
Coconut
Pepper
Contrast
1.19:1
15.18:1
16px
Fail
Pass
24px
Fail
Pass

Accent

Acai
257, 84, 91
Color
Coconut
Pepper
Contrast
7.31:1
2.47:1
16px
Pass
Fail
24px
Pass
Fail
Cherry
328, 90, 64
Color
Coconut
Pepper
Contrast
7.58:1
2.39:1
16px
Pass
Fail
24px
Pass
Fail
Mustard
37, 75, 92
Color
Coconut
Pepper
Contrast
2.07:1
8.71:1
16px
Fail
Pass
24px
Fail
Pass
Blueberry
235, 88, 85
Color
Coconut
Pepper
Contrast
8.77:1
2.06:1
16px
Pass
Fail
24px
Pass
Fail
Tomato
16, 94, 55
Color
Coconut
Pepper
Contrast
8.58:1
2.11:1
16px
Pass
Fail
24px
Pass
Fail

Neutral

Pepper
240, 38, 13
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Pepper_80
n/a
Pepper_40
n/a
Pepper_24
n/a
Pepper_08
n/a
Coconut
0, 0, 100
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut_80
n/a
Coconut_40
n/a
Coconut_24
n/a
Coconut_08
n/a

Brand

Mint
@mint
Color
Coconut
Pepper
Contrast
2.24:1
8.06:1
16px
Fail
Pass
24px
Fail
Pass

Functional

Pepper
@pepper
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Salt
@salt
Color
Coconut
Pepper
Kale
Contrast
1.07:1
16.87:1
7.65:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Shiitake
@shiitake
Color
Coconut
Pepper
Kale
Contrast
1.16:1
15.56:1
7.06:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut
@coconut
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Kale
@kale
Color
Coconut
Pepper
Kale
Contrast
8.2:1
2.2:1
1:1
16px
Pass
Fail
Fail
24px
Pass
Fail
Fail

Feedback

Crepe
@crepe
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Grape
@grape
Color
Coconut
Pepper
Contrast
1.39:1
12.99:1
16px
Fail
Pass
24px
Fail
Pass
Mentos
@mentos
Color
Coconut
Pepper
Contrast
1.29:1
13.97:1
16px
Fail
Pass
24px
Fail
Pass
Radish
@radish
Color
Coconut
Pepper
Contrast
1.35:1
13.39:1
16px
Fail
Pass
24px
Fail
Pass
Melon
@melon
Color
Coconut
Pepper
Contrast
1.34:1
13.44:1
16px
Fail
Pass
24px
Fail
Pass
Artichoke
@artichoke
Color
Coconut
Pepper
Contrast
1.25:1
14.47:1
16px
Fail
Pass
24px
Fail
Pass
Parsnip
@parsnip
Color
Coconut
Pepper
Contrast
1.15:1
15.74:1
16px
Fail
Pass
24px
Fail
Pass
Parsley
@parsley
Color
Coconut
Pepper
Contrast
1.28:1
14.15:1
16px
Fail
Pass
24px
Fail
Pass
Beets
@beets
Color
Coconut
Pepper
Contrast
1.4:1
12.93:1
16px
Fail
Pass
24px
Fail
Pass
Apple
@apple
Color
Coconut
Pepper
Contrast
1.19:1
15.18:1
16px
Fail
Pass
24px
Fail
Pass

Accent

Acai
@acai
Color
Coconut
Pepper
Contrast
7.31:1
2.47:1
16px
Pass
Fail
24px
Pass
Fail
Cherry
@cherry
Color
Coconut
Pepper
Contrast
7.58:1
2.39:1
16px
Pass
Fail
24px
Pass
Fail
Mustard
@mustard
Color
Coconut
Pepper
Contrast
2.07:1
8.71:1
16px
Fail
Pass
24px
Fail
Pass
Blueberry
@blueberry
Color
Coconut
Pepper
Contrast
8.77:1
2.06:1
16px
Pass
Fail
24px
Pass
Fail
Tomato
@tomato
Color
Coconut
Pepper
Contrast
8.58:1
2.11:1
16px
Pass
Fail
24px
Pass
Fail

Neutral

Pepper
@pepper
Color
Coconut
Pepper
Mint
Contrast
18.07:1
1:1
8.06:1
16px
Pass
Fail
Pass
24px
Pass
Fail
Pass
Pepper_80
@pepper_80
Pepper_40
@pepper_40
Pepper_24
@pepper_24
Pepper_08
@pepper_08
Coconut
@coconut
Color
Coconut
Pepper
Kale
Contrast
1:1
18.07:1
8.2:1
16px
Fail
Pass
Pass
24px
Fail
Pass
Pass
Coconut_80
@coconut_80
Coconut_40
@coconut_40
Coconut_24
@coconut_24
Coconut_08
@coconut_08
Return to

Intro

or continue with

Typography