Referencias de color OKLCH para Tailwind y shadcn
25 páginas de referencia con tripletes OKLCH, validación WCAG 2.2 + APCA y bloques @theme de Tailwind v4 listos para copiar.
Tailwind
Tailwind Blue 600 en OKLCH
Tailwind Blue 600 como oklch(0.546 0.215 262.90), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#2563EB
Tailwind Slate 500 en OKLCH
Tailwind Slate 500 como oklch(0.554 0.041 257.40), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#64748B
Tailwind Emerald 400 en OKLCH
Tailwind Emerald 400 como oklch(0.773 0.153 163.20), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#34D399
Tailwind Violet 600 en OKLCH
Tailwind Violet 600 como oklch(0.541 0.247 293.00), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#7C3AED
Tailwind Rose 500 en OKLCH
Tailwind Rose 500 como oklch(0.645 0.215 16.40), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#F43F5E
Tailwind Blue 500 en OKLCH
Tailwind Blue 500 como oklch(0.623 0.188 259.80), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#3B82F6
Tailwind Blue 700 en OKLCH
Tailwind Blue 700 como oklch(0.488 0.217 264.40), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#1D4ED8
Tailwind Slate 600 en OKLCH
Tailwind Slate 600 como oklch(0.446 0.037 257.30), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#475569
Tailwind Slate 700 en OKLCH
Tailwind Slate 700 como oklch(0.372 0.039 257.30), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#334155
Tailwind Emerald 500 en OKLCH
Tailwind Emerald 500 como oklch(0.696 0.149 162.50), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#10B981
Tailwind Emerald 600 en OKLCH
Tailwind Emerald 600 como oklch(0.596 0.127 163.20), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#059669
Tailwind Emerald 700 en OKLCH
Tailwind Emerald 700 como oklch(0.508 0.105 165.60), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#047857
Tailwind Rose 600 en OKLCH
Tailwind Rose 600 como oklch(0.586 0.222 17.60), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#E11D48
Tailwind Rose 700 en OKLCH
Tailwind Rose 700 como oklch(0.514 0.198 16.90), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#BE123C
Tailwind Amber 500 en OKLCH
Tailwind Amber 500 como oklch(0.769 0.165 70.10), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#F59E0B
Tailwind Amber 600 en OKLCH
Tailwind Amber 600 como oklch(0.666 0.157 58.30), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#D97706
Tailwind Amber 700 en OKLCH
Tailwind Amber 700 como oklch(0.555 0.146 49.00), con contraste WCAG 2.2 + APCA y bloque @theme de Tailwind v4 listo para copiar.
#B45309
shadcn
shadcn Primary Blue en OKLCH
shadcn Primary Blue como token de shadcn: oklch(0.623 0.188 259.80), con contraste WCAG 2.2 + APCA.
#3B82F6
shadcn Zinc Dark en OKLCH
shadcn Zinc Dark como token de shadcn: oklch(0.274 0.005 286.00), con contraste WCAG 2.2 + APCA.
#27272A
shadcn Slate Accessible en OKLCH
shadcn Slate Accessible como token de shadcn: oklch(0.279 0.037 260.00), con contraste WCAG 2.2 + APCA.
#1E293B
shadcn Indigo Custom en OKLCH
shadcn Indigo Custom como token de shadcn: oklch(0.585 0.204 277.10), con contraste WCAG 2.2 + APCA.
#6366F1
shadcn Orange en OKLCH
shadcn Orange como token de shadcn: oklch(0.705 0.187 47.60), con contraste WCAG 2.2 + APCA.
#F97316
shadcn Green en OKLCH
shadcn Green como token de shadcn: oklch(0.723 0.192 149.60), con contraste WCAG 2.2 + APCA.
#22C55E
shadcn Red en OKLCH
shadcn Red como token de shadcn: oklch(0.637 0.208 25.30), con contraste WCAG 2.2 + APCA.
#EF4444
shadcn Violet en OKLCH
shadcn Violet como token de shadcn: oklch(0.606 0.219 292.70), con contraste WCAG 2.2 + APCA.
#8B5CF6