Paleta de colores Kelp Pier

Kelp Pier es una paleta de 4 colores que se apoya en verdes azulados y cianes. En OKLCH, su luminosidad va del 21% (#001C21, muy oscuro) al 95% (#D1F9FC, muy claro), y su color más saturado, #6EA9B0, es apagado. 4 de sus 4 colores cromáticos están en el lado frío de la rueda cromática. 3 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como océano, naturaleza, monocromáticos, degradados, verde azulado y aptos para daltonismo.

OcéanoNaturalezaMonocromáticosDegradadosVerde azuladoAptos para daltonismo

Códigos de color

ColorHEXRGBHSLOKLCH
Rich Black #001C21 rgb(0, 28, 33) hsl(189, 100%, 6%) oklch(20.8% 0.036 210.8)
Dark Cyan #26616A rgb(38, 97, 106) hsl(188, 47%, 28%) oklch(45.8% 0.062 208.9)
Pewter #6EA9B0 rgb(110, 169, 176) hsl(186, 29%, 56%) oklch(69.7% 0.062 205.3)
Light Cyan #D1F9FC rgb(209, 249, 252) hsl(184, 88%, 90%) oklch(95.5% 0.041 202.1)

Accesibilidad

Los mejores pares de texto y fondo de Kelp Pier, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.

ParWCAG 2NivelAPCA Lc
#D1F9FC sobre #001C21 15.71:1 AAA Lc -97.7
#001C21 sobre #6EA9B0 6.70:1 AA Lc 51.0
#D1F9FC sobre #26616A 6.22:1 AA Lc -80.1

Visión del color

Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.

  • Protanopía

  • Deuteranopía

  • Tritanopía

  • Acromatopsia

Úsala en tu código

Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/001c21-26616a-6ea9b0-d1f9fc.json.

Hazla tuya

Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.

Abrir en el generador Crear un sistema de color Visualizar

Degradados con estos colores