background | background Light | background Neutral / foreground Neutral Tertiary / table Accent | foreground | foreground Neutral Secondary | title / callout / header / label | dataColor01 | dataColor02 / center / minimum | dataColor03 | dataColor04 / null | dataColor05 | dataColor06 | dataColor07 | dataColor08 / neutral | dataColor09 / bad | dataColor10 | dataColor11 | dataColor12 | dataColor13 / good | dataColor14 | ||
#FFFFFF | #E1E8EC | #9FB1BD | #495961 | #758D9A | #231F20 | #005C48 | #74C9E5 | #3CBAC6 | #B3DBD2 | #4BB694 | #C1D100 | #FCBC00 | #EF7D00 | #E73037 | #D5007F | #8D3970 | #002E3B | #1E8765 | #E73238 | ||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
#FFFFFF | F | F | F | AAA | G | AAA | AAA | F | F | F | F | F | F | F | G | AA | AAA | AAA | G | G | |
#E1E8EC | F | F | F | AA | F | AAA | AA | F | F | F | F | F | F | F | G | G | AA | AAA | G | G | |
#9FB1BD | F | F | F | G | F | AAA | G | F | F | F | F | F | F | F | F | F | G | AA | F | F | |
#495961 | AAA | AA | G | F | F | F | F | G | G | AA | F | G | G | F | F | F | F | F | F | F | |
#758D9A | G | F | F | F | F | AA | F | F | F | F | F | F | F | F | F | F | F | G | F | F | |
#231F20 | AAA | AAA | AAA | F | AA | F | F | AAA | AAA | AAA | AA | AAA | AAA | AA | G | G | F | F | G | G | |
#005C48 | AAA | AA | G | F | F | F | F | G | G | AA | G | AA | AA | F | F | F | F | F | F | F | |
#74C9E5 | F | F | F | G | F | AAA | G | F | F | F | F | F | F | F | F | F | G | AAA | F | F | |
#3CBAC6 | F | F | F | G | F | AAA | G | F | F | F | F | F | F | F | F | F | G | AA | F | F | |
#B3DBD2 | F | F | F | AA | F | AAA | AA | F | F | F | F | F | F | F | F | G | AA | AAA | F | F | |
#4BB694 | F | F | F | F | F | AA | G | F | F | F | F | F | F | F | F | F | F | AA | F | F | |
#C1D100 | F | F | F | G | F | AAA | AA | F | F | F | F | F | F | F | F | F | G | AAA | F | F | |
#FCBC00 | F | F | F | G | F | AAA | AA | F | F | F | F | F | F | F | F | F | G | AAA | F | F | |
#EF7D00 | F | F | F | F | F | AA | F | F | F | F | F | F | F | F | F | F | F | AA | F | F | |
#E73037 | G | G | F | F | F | G | F | F | F | F | F | F | F | F | F | F | F | G | F | F | |
#D5007F | AA | G | F | F | F | G | F | F | F | G | F | F | F | F | F | F | F | F | F | F | |
#8D3970 | AAA | AA | G | F | F | F | F | G | G | AA | F | G | G | F | F | F | F | F | F | F | |
#002E3B | AAA | AAA | AA | F | G | F | F | AAA | AA | AAA | AA | AAA | AAA | AA | G | F | F | F | G | G | |
#1E8765 | G | G | F | F | F | G | F | F | F | F | F | F | F | F | F | F | F | G | F | F | |
#E73238 | G | G | F | F | F | G | F | F | F | F | F | F | F | F | F | F | F | G | F | F |
background #FFFFFF | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | AAA | |
foregroundNeutralSecondary | #758D9A | G | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | AAA | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | G | |
dataColor10 | #D5007F | AA | |
dataColor11 | #8D3970 | AAA | |
dataColor12 | #002E3B | AAA | |
dataColor13 / good | #1E8765 | G | |
dataColor14 | #E73238 | G |
backgroundLight #E1E8EC | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | AA | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | AA | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | G | |
dataColor10 | #D5007F | G | |
dataColor11 | #8D3970 | AA | |
dataColor12 | #002E3B | AAA | |
dataColor13 / good | #1E8765 | G | |
dataColor14 | #E73238 | G |
backgroundNeutral / foregroundNeutralTertiary / tableAccent #9FB1BD | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | G | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | G | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | G | |
dataColor12 | #002E3B | AA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
foreground #495961 | |||
---|---|---|---|
background | #FFFFFF | AAA | |
backgroundLight | #E1E8EC | AA | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | G | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | F | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | G | |
dataColor03 | #3CBAC6 | G | |
dataColor04 / null | #B3DBD2 | AA | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | G | |
dataColor07 | #FCBC00 | G | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | F | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
foregroundNeutralSecondary #758D9A | |||
---|---|---|---|
background | #FFFFFF | G | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AA | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | G | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
title / callout / header / label #231F20 | |||
---|---|---|---|
background | #FFFFFF | AAA | |
backgroundLight | #E1E8EC | AAA | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | AAA | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | AA | |
title / callout / header / label | #231F20 | F | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | AAA | |
dataColor03 | #3CBAC6 | AAA | |
dataColor04 / null | #B3DBD2 | AAA | |
dataColor05 | #4BB694 | AA | |
dataColor06 | #C1D100 | AAA | |
dataColor07 | #FCBC00 | AAA | |
dataColor08 / neutral | #EF7D00 | AA | |
dataColor09 / bad | #E73037 | G | |
dataColor10 | #D5007F | G | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | F | |
dataColor13 / good | #1E8765 | G | |
dataColor14 | #E73238 | G |
dataColor01 #005C48 | |||
---|---|---|---|
background | #FFFFFF | AAA | |
backgroundLight | #E1E8EC | AA | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | G | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | F | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | G | |
dataColor03 | #3CBAC6 | G | |
dataColor04 / null | #B3DBD2 | AA | |
dataColor05 | #4BB694 | G | |
dataColor06 | #C1D100 | AA | |
dataColor07 | #FCBC00 | AA | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | F | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor02 / center / minimum #74C9E5 | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | G | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | G | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | G | |
dataColor12 | #002E3B | AAA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor03 #3CBAC6 | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | G | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | G | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | G | |
dataColor12 | #002E3B | AA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor04 / null #B3DBD2 | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | AA | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | AA | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | G | |
dataColor11 | #8D3970 | AA | |
dataColor12 | #002E3B | AAA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor05 #4BB694 | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AA | |
dataColor01 | #005C48 | G | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | AA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor06 #C1D100 | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | G | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | AA | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | G | |
dataColor12 | #002E3B | AAA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor07 #FCBC00 | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | G | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AAA | |
dataColor01 | #005C48 | AA | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | G | |
dataColor12 | #002E3B | AAA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor08 / neutral #EF7D00 | |||
---|---|---|---|
background | #FFFFFF | F | |
backgroundLight | #E1E8EC | F | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | AA | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | AA | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor09 / bad #E73037 | |||
---|---|---|---|
background | #FFFFFF | G | |
backgroundLight | #E1E8EC | G | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | G | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | G | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor10 #D5007F | |||
---|---|---|---|
background | #FFFFFF | AA | |
backgroundLight | #E1E8EC | G | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | G | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | G | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | F | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor11 #8D3970 | |||
---|---|---|---|
background | #FFFFFF | AAA | |
backgroundLight | #E1E8EC | AA | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | G | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | F | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | G | |
dataColor03 | #3CBAC6 | G | |
dataColor04 / null | #B3DBD2 | AA | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | G | |
dataColor07 | #FCBC00 | G | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | F | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor12 #002E3B | |||
---|---|---|---|
background | #FFFFFF | AAA | |
backgroundLight | #E1E8EC | AAA | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | AA | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | G | |
title / callout / header / label | #231F20 | F | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | AAA | |
dataColor03 | #3CBAC6 | AA | |
dataColor04 / null | #B3DBD2 | AAA | |
dataColor05 | #4BB694 | AA | |
dataColor06 | #C1D100 | AAA | |
dataColor07 | #FCBC00 | AAA | |
dataColor08 / neutral | #EF7D00 | AA | |
dataColor09 / bad | #E73037 | G | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | F | |
dataColor13 / good | #1E8765 | G | |
dataColor14 | #E73238 | G |
dataColor13 / good #1E8765 | |||
---|---|---|---|
background | #FFFFFF | G | |
backgroundLight | #E1E8EC | G | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | G | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | G | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
dataColor14 #E73238 | |||
---|---|---|---|
background | #FFFFFF | G | |
backgroundLight | #E1E8EC | G | |
backgroundNeutral / foregroundNeutralTertiary / tableAccent | #9FB1BD | F | |
foreground | #495961 | F | |
foregroundNeutralSecondary | #758D9A | F | |
title / callout / header / label | #231F20 | G | |
dataColor01 | #005C48 | F | |
dataColor02 / center / minimum | #74C9E5 | F | |
dataColor03 | #3CBAC6 | F | |
dataColor04 / null | #B3DBD2 | F | |
dataColor05 | #4BB694 | F | |
dataColor06 | #C1D100 | F | |
dataColor07 | #FCBC00 | F | |
dataColor08 / neutral | #EF7D00 | F | |
dataColor09 / bad | #E73037 | F | |
dataColor10 | #D5007F | F | |
dataColor11 | #8D3970 | F | |
dataColor12 | #002E3B | G | |
dataColor13 / good | #1E8765 | F | |
dataColor14 | #E73238 | F |
Rating | Explanation |
---|---|
F | FAIL - 272 of 400 combinations (68%).
|
G | Contrast ratio is at least 3:1 - 128 of 400 combinations (32%).
|
AA | Contrast ratio is at least 4.5:1 - 66 of 400 combinations (17%).
|
AAA | Contrast ratio is at least 7:1 - 34 of 400 combinations (9%).
|
NOTE | Exclusions for visual representation of text are:
|