Paleta de colores Bubble Mobile

Bubble Mobile es una paleta de 6 colores que se apoya en azules, neutros, rojos y amarillos. En OKLCH, su luminosidad va del 25% (#132330, muy oscuro) al 95% (#E3F1FD, muy claro), y su color más saturado, #5A7B96, es apagado. Sus colores cromáticos se reparten por igual entre el lado cálido y el frío de la rueda cromática. 5 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como infantiles, azules, rojos, apagados, terrosos y neutros.

InfantilesAzulesRojosApagadosTerrososNeutros

Códigos de color

ColorHEXRGBHSLOKLCH
Oxford Blue #132330 rgb(19, 35, 48) hsl(207, 43%, 13%) oklch(24.9% 0.033 244.2)
Onyx #4E3F32 rgb(78, 63, 50) hsl(28, 22%, 25%) oklch(38% 0.03 62.7)
Cerulean #5A7B96 rgb(90, 123, 150) hsl(207, 25%, 47%) oklch(56.8% 0.056 243.7)
Pewter #BD9387 rgb(189, 147, 135) hsl(13, 29%, 64%) oklch(69.9% 0.054 36.5)
Ash Gray #CBC5A8 rgb(203, 197, 168) hsl(50, 25%, 73%) oklch(82.1% 0.04 97.5)
Anti-Flash White #E3F1FD rgb(227, 241, 253) hsl(208, 87%, 94%) oklch(95.1% 0.022 243.8)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#E3F1FD sobre #132330 13.94:1 AAA Lc -95.0
#132330 sobre #CBC5A8 9.22:1 AAA Lc 69.2
#E3F1FD sobre #4E3F32 8.78:1 AAA Lc -87.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/132330-4e3f32-5a7b96-bd9387-cbc5a8-e3f1fd.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