UtilHub

Batch Contrast Checker

Paste up to 20 HEX colors and instantly see all four contrast combinations — color on white, color on black, white on color, black on color — with WCAG AA / AAA pass/fail badges.

Paste HEX Colors

Enter one per line or separate with commas. Values with or without # are accepted, as is 3-digit shorthand (e.g. #fff).

6 colors detected

#FF7A59
#FF7A59Have a wonderful day.

Color on white

Contrast Ratio 2.57:1
AAAA LargeAAAAAA Large
#FF7A59Have a wonderful day.

Color on black

Contrast Ratio 8.18:1
AAAA LargeAAAAAA Large
#FF7A59Have a wonderful day.

White on color

Contrast Ratio 2.57:1
AAAA LargeAAAAAA Large
#FF7A59Have a wonderful day.

Black on color

Contrast Ratio 8.18:1
AAAA LargeAAAAAA Large

#8B5CF6
#8B5CF6Have a wonderful day.

Color on white

Contrast Ratio 4.23:1
AAAA LargeAAAAAA Large
#8B5CF6Have a wonderful day.

Color on black

Contrast Ratio 4.96:1
AAAA LargeAAAAAA Large
#8B5CF6Have a wonderful day.

White on color

Contrast Ratio 4.23:1
AAAA LargeAAAAAA Large
#8B5CF6Have a wonderful day.

Black on color

Contrast Ratio 4.96:1
AAAA LargeAAAAAA Large

#24292E
#24292EHave a wonderful day.

Color on white

Contrast Ratio 14.67:1
AAAA LargeAAAAAA Large
#24292EHave a wonderful day.

Color on black

Contrast Ratio 1.43:1
AAAA LargeAAAAAA Large
#24292EHave a wonderful day.

White on color

Contrast Ratio 14.67:1
AAAA LargeAAAAAA Large
#24292EHave a wonderful day.

Black on color

Contrast Ratio 1.43:1
AAAA LargeAAAAAA Large

#FDA4AF
#FDA4AFHave a wonderful day.

Color on white

Contrast Ratio 1.89:1
AAAA LargeAAAAAA Large
#FDA4AFHave a wonderful day.

Color on black

Contrast Ratio 11.11:1
AAAA LargeAAAAAA Large
#FDA4AFHave a wonderful day.

White on color

Contrast Ratio 1.89:1
AAAA LargeAAAAAA Large
#FDA4AFHave a wonderful day.

Black on color

Contrast Ratio 11.11:1
AAAA LargeAAAAAA Large

#1E40AF
#1E40AFHave a wonderful day.

Color on white

Contrast Ratio 8.72:1
AAAA LargeAAAAAA Large
#1E40AFHave a wonderful day.

Color on black

Contrast Ratio 2.41:1
AAAA LargeAAAAAA Large
#1E40AFHave a wonderful day.

White on color

Contrast Ratio 8.72:1
AAAA LargeAAAAAA Large
#1E40AFHave a wonderful day.

Black on color

Contrast Ratio 2.41:1
AAAA LargeAAAAAA Large

#34D399
#34D399Have a wonderful day.

Color on white

Contrast Ratio 1.92:1
AAAA LargeAAAAAA Large
#34D399Have a wonderful day.

Color on black

Contrast Ratio 10.92:1
AAAA LargeAAAAAA Large
#34D399Have a wonderful day.

White on color

Contrast Ratio 1.92:1
AAAA LargeAAAAAA Large
#34D399Have a wonderful day.

Black on color

Contrast Ratio 10.92:1
AAAA LargeAAAAAA Large

WCAG 2.1 Contrast Requirements

LevelNormal textLarge text / UI
AA4.5:13:1
AAA7:14.5:1

Large text is defined as 18pt (24px) or larger, or 14pt (approximately 19px) bold. UI components and graphical elements must meet AA Large (3:1).