Mode

Change the Mode

Background / Foreground

#ffffff
Strong
21:1 🟢
#ebebeb
Medium
15.34:1 🟢
#d6d6d6
Weak
10:1 🟢
#292929
Weak
10:1 🟢
#141414
Medium
15.34:1 🟢
#000000
Strong
21:1 🟢

Light / Dark

#ffffff
Strong
21:1 🟢
#ebebeb
Medium
15.34:1 🟢
#d6d6d6
Weak
10:1 🟢
#292929
Weak
10:1 🟢
#141414
Medium
15.34:1 🟢
#000000
Strong
21:1 🟢

Brand / onBrand

#0072d6
Strong
4.3:1 🔴 🔴
#0088ff
Medium
5.93:1 🟢
#299bff
Weak
7.2 🟢
#addeff
Weak
14.76:1 🟢
#d6efff
Medium
17.66:1 🟢
#ffffff
Strong
21:1 🟢

Accent / onAccent

#d67200
Strong
6.15:1 🔴
#ff8800
Medium
8.58:1 🟢
#ff9b29
Weak
9.85:1 🟢
Weak
#ffdead
16.27:1 🟢
#ffefd6
Medium
18.48:1 🟢
#ffffff
Strong
21:1 🟢

Info / onInfo

#138496
Strong
4.81:1 🔴
#17a4ba
Medium
7.16:1 🟢
#1bc4de
Weak
10.11:1 
#bbf2f2
Weak
Weak
#ddf8f8
Medium
Medium
#ffffff
Strong
Strong

Success / onSuccess

#d67200
Strong
#ff8800
Medium
#ff9b29
Weak
#ffdead
Weak
#ffefd6
Medium
#ffffff
Strong

Warning / onWarning

#d67200
Strong
#ff8800
Medium
#ff9b29
Weak
#ffdead
Weak
#ffefd6
Medium
#ffffff
Strong
sunmoon