Farge

Tailwind color palette generator

Palette

1 color

Accessibility

Accessibility

WCAG 2.0 contrast ratios for each shade as a background color

50

#f0f6fe

Aa

1.09:1

Aa

19.32:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: black text

100

#ccdffd

Aa

1.35:1

Aa

15.54:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: black text

200

#a9c8fa

Aa

1.7:1

Aa

12.33:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: black text

300

#86b1f7

Aa

2.18:1

Aa

9.65:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: black text

400

#649bf3

Aa

2.79:1

Aa

7.52:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: black text

500

#3b82f6

Aa

3.68:1

Aa

5.71:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: black text

600

#1163e8

Aa

5.28:1

Aa

3.97:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: white text

700

#114eb0

Aa

7.66:1

Aa

2.74:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: white text

800

#103879

Aa

11.27:1

Aa

1.86:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: white text

900

#0c2245

Aa

15.78:1

Aa

1.33:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: white text

950

#050b15

Aa

19.72:1

Aa

1.07:1

White textAA lgAAAAA
Black textAA lgAAAAA
Recommended: white text

Contrast Matrix

Every shade as text on every other shade as background. Rows are text colors, columns are backgrounds.

AAA (7:1+)AA (4.5:1+)AA large (3:1+)Fail

Hover over a cell to see details

text ↓
bg →
50
100
200
300
400
500
600
700
800
900
950
50
Aa
1.0
Aa
1.2
Aa
1.6
Aa
2.0
Aa
2.6
Aa
3.4
Aa
4.9
Aa
7.0
Aa
10.4
Aa
14.5
Aa
18.1
100
Aa
1.2
Aa
1.0
Aa
1.3
Aa
1.6
Aa
2.1
Aa
2.7
Aa
3.9
Aa
5.7
Aa
8.3
Aa
11.7
Aa
14.6
200
Aa
1.6
Aa
1.3
Aa
1.0
Aa
1.3
Aa
1.6
Aa
2.2
Aa
3.1
Aa
4.5
Aa
6.6
Aa
9.3
Aa
11.6
300
Aa
2.0
Aa
1.6
Aa
1.3
Aa
1.0
Aa
1.3
Aa
1.7
Aa
2.4
Aa
3.5
Aa
5.2
Aa
7.3
Aa
9.1
400
Aa
2.6
Aa
2.1
Aa
1.6
Aa
1.3
Aa
1.0
Aa
1.3
Aa
1.9
Aa
2.8
Aa
4.0
Aa
5.7
Aa
7.1
500
Aa
3.4
Aa
2.7
Aa
2.2
Aa
1.7
Aa
1.3
Aa
1.0
Aa
1.4
Aa
2.1
Aa
3.1
Aa
4.3
Aa
5.4
600
Aa
4.9
Aa
3.9
Aa
3.1
Aa
2.4
Aa
1.9
Aa
1.4
Aa
1.0
Aa
1.4
Aa
2.1
Aa
3.0
Aa
3.7
700
Aa
7.0
Aa
5.7
Aa
4.5
Aa
3.5
Aa
2.8
Aa
2.1
Aa
1.4
Aa
1.0
Aa
1.5
Aa
2.1
Aa
2.6
800
Aa
10.4
Aa
8.3
Aa
6.6
Aa
5.2
Aa
4.0
Aa
3.1
Aa
2.1
Aa
1.5
Aa
1.0
Aa
1.4
Aa
1.8
900
Aa
14.5
Aa
11.7
Aa
9.3
Aa
7.3
Aa
5.7
Aa
4.3
Aa
3.0
Aa
2.1
Aa
1.4
Aa
1.0
Aa
1.3
950
Aa
18.1
Aa
14.6
Aa
11.6
Aa
9.1
Aa
7.1
Aa
5.4
Aa
3.7
Aa
2.6
Aa
1.8
Aa
1.3
Aa
1.0