Accessible Colors

external link Tailwind |  Download

rose

50

#fff1f2
black

100

#ffe4e6
black

200

#fecdd3
black

300

#fda4af
black

400

#fb7185
black

500

#f43f5e

600

#e11d48

700

#be123c

800

white
#9f1239

900

white
#881337

pink

50

#fdf2f8
black

100

#fce7f3
black

200

#fbcfe8
black

300

#f9a8d4
black

400

#f472b6
black

500

#ec4899

600

#db2777

700

#be185d

800

white
#9d174d

900

white
#831843

fuchsia

50

#fdf4ff
black

100

#fae8ff
black

200

#f5d0fe
black

300

#f0abfc
black

400

#e879f9
black

500

#d946ef

600

#c026d3

700

#a21caf

800

white
#86198f

900

white
#701a75

purple

50

#faf5ff
black

100

#f3e8ff
black

200

#e9d5ff
black

300

#d8b4fe
black

400

#c084fc
black

500

#a855f7

600

#9333ea

700

#7e22ce

800

white
#6b21a8

900

white
#581c87

violet

50

#f5f3ff
black

100

#ede9fe
black

200

#ddd6fe
black

300

#c4b5fd
black

400

#a78bfa
black

500

#8b5cf6

600

#7c3aed

700

white
#6d28d9

800

white
#5b21b6

900

white
#4c1d95

indigo

50

#eef2ff
black

100

#e0e7ff
black

200

#c7d2fe
black

300

#a5b4fc
black

400

#818cf8
black

500

#6366f1

600

#4f46e5

700

white
#4338ca

800

white
#3730a3

900

white
#312e81

blue

50

#eff6ff
black

100

#dbeafe
black

200

#bfdbfe
black

300

#93c5fd
black

400

#60a5fa
black

500

#3b82f6

600

#2563eb

700

#1d4ed8

800

white
#1e40af

900

white
#1e3a8a

lightBlue

50

#f0f9ff
black

100

#e0f2fe
black

200

#bae6fd
black

300

#7dd3fc
black

400

#38bdf8
black

500

#0ea5e9
black

600

#0284c7

700

#0369a1

800

white
#075985

900

white
#0c4a6e

cyan

50

#ecfeff
black

100

#cffafe
black

200

#a5f3fc
black

300

#67e8f9
black

400

#22d3ee
black

500

#06b6d4
black

600

#0891b2

700

#0e7490

800

white
#155e75

900

white
#164e63

teal

50

#f0fdfa
black

100

#ccfbf1
black

200

#99f6e4
black

300

#5eead4
black

400

#2dd4bf
black

500

#14b8a6
black

600

#0d9488

700

#0f766e

800

white
#115e59

900

white
#134e4a

emerald

50

#ecfdf5
black

100

#d1fae5
black

200

#a7f3d0
black

300

#6ee7b7
black

400

#34d399
black

500

#10b981
black

600

#059669

700

#047857

800

white
#065f46

900

white
#064e3b

green

50

#f0fdf4
black

100

#dcfce7
black

200

#bbf7d0
black

300

#86efac
black

400

#4ade80
black

500

#22c55e
black

600

#16a34a

700

#15803d

800

white
#166534

900

white
#14532d

lime

50

#f7fee7
black

100

#ecfccb
black

200

#d9f99d
black

300

#bef264
black

400

#a3e635
black

500

#84cc16
black

600

#65a30d

700

#4d7c0f

800

white
#3f6212

900

white
#365314

yellow

50

#fefce8
black

100

#fef9c3
black

200

#fef08a
black

300

#fde047
black

400

#facc15
black

500

#eab308
black

600

#ca8a04
black

700

#a16207

800

#854d0e

900

white
#713f12

amber

50

#fffbeb
black

100

#fef3c7
black

200

#fde68a
black

300

#fcd34d
black

400

#fbbf24
black

500

#f59e0b
black

600

#d97706

700

#b45309

800

white
#92400e

900

white
#78350f

orange

50

#fff7ed
black

100

#ffedd5
black

200

#fed7aa
black

300

#fdba74
black

400

#fb923c
black

500

#f97316
black

600

#ea580c

700

#c2410c

800

white
#9a3412

900

white
#7c2d12

red

50

#fef2f2
black

100

#fee2e2
black

200

#fecaca
black

300

#fca5a5
black

400

#f87171
black

500

#ef4444

600

#dc2626

700

#b91c1c

800

white
#991b1b

900

white
#7f1d1d

warmGray

50

#fafaf9
black

100

#f5f5f4
black

200

#e7e5e4
black

300

#d6d3d1
black

400

#a8a29e
black

500

#78716c

600

white
#57534e

700

white
#44403c

800

white
#292524

900

white
#1c1917

trueGray

50

#fafafa
black

100

#f5f5f5
black

200

#e5e5e5
black

300

#d4d4d4
black

400

#a3a3a3
black

500

#737373

600

white
#525252

700

white
#404040

800

white
#262626

900

white
#171717

gray

50

#fafafa
black

100

#f4f4f5
black

200

#e4e4e7
black

300

#d4d4d8
black

400

#a1a1aa
black

500

#71717a

600

white
#52525b

700

white
#3f3f46

800

white
#27272a

900

white
#18181b

coolGray

50

#f9fafb
black

100

#f3f4f6
black

200

#e5e7eb
black

300

#d1d5db
black

400

#9ca3af
black

500

#6b7280

600

white
#4b5563

700

white
#374151

800

white
#1f2937

900

white
#111827

blueGray

50

#f8fafc
black

100

#f1f5f9
black

200

#e2e8f0
black

300

#cbd5e1
black

400

#94a3b8
black

500

#64748b

600

white
#475569

700

white
#334155

800

white
#1e293b

900

white
#0f172a

Contrast ratio tested with the Accessible Web Helper v1.16.0 and verified with the WCAG Color Contrast Checker Chrome extension.

For more information on WCAG 3.0, visit WCAG3.