Paleta de colores Sensor Node

Sensor Node es una paleta de 6 colores que se apoya en azules, verdes azulados y cianes y neutros. En OKLCH, su luminosidad va del 18% (#0B1020, muy oscuro) al 95% (#E6EDFF, muy claro), y su color más saturado, #2D5BFF, es vívido. 5 de sus 5 colores cromáticos están en el lado frío de la rueda cromática. 6 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como tecnología, azules y fríos.

TecnologíaAzulesFríos

Códigos de color

ColorHEXRGBHSLOKLCH
Rich Navy #0B1020 rgb(11, 16, 32) hsl(226, 49%, 8%) oklch(17.7% 0.034 269.6)
Space Cadet #1E2A4D rgb(30, 42, 77) hsl(225, 44%, 21%) oklch(29.4% 0.066 267.9)
Neon Blue #2D5BFF rgb(45, 91, 255) hsl(227, 100%, 59%) oklch(55.1% 0.247 265.9)
Chefchaouen Blue #4DA3FF rgb(77, 163, 255) hsl(211, 100%, 65%) oklch(70.5% 0.159 252.4)
Vivid Sky Blue #00D1FF rgb(0, 209, 255) hsl(191, 100%, 50%) oklch(79.7% 0.147 221.3)
Gainsboro #E6EDFF rgb(230, 237, 255) hsl(223, 100%, 95%) oklch(94.6% 0.025 268.8)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#E6EDFF sobre #0B1020 16.16:1 AAA Lc -95.5
#E6EDFF sobre #1E2A4D 12.00:1 AAA Lc -91.8
#0B1020 sobre #00D1FF 10.43:1 AAA Lc 70.0

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.

  • 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/0b1020-1e2a4d-2d5bff-4da3ff-00d1ff-e6edff.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