Paleta de colores Champagne and Blush

Champagne and Blush es una paleta de 6 colores que se apoya en rojos, verdes azulados y cianes y neutros. En OKLCH, su luminosidad va del 30% (#3E2626, oscuro) al 94% (#FBE5E4, muy claro), y su color más saturado, #A17270, es apagado. 3 de sus 4 colores cromáticos están en el lado cálido de la rueda cromática. 4 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como boda, rojos, verde azulado, apagados, terrosos y neutros.

BodaRojosVerde azuladoApagadosTerrososNeutros

Códigos de color

ColorHEXRGBHSLOKLCH
Jet #3E2626 rgb(62, 38, 38) hsl(0, 24%, 20%) oklch(29.9% 0.037 19.4)
English Lavender #A17270 rgb(161, 114, 112) hsl(2, 21%, 54%) oklch(59.9% 0.06 21.7)
Pewter #71AAAC rgb(113, 170, 172) hsl(182, 26%, 56%) oklch(70% 0.06 198.7)
Silver #CAB0AF rgb(202, 176, 175) hsl(2, 20%, 74%) oklch(77.9% 0.03 20.4)
Cadet Gray #BED7D7 rgb(190, 215, 215) hsl(180, 24%, 79%) oklch(86.1% 0.027 196.7)
Apricot #FBE5E4 rgb(251, 229, 228) hsl(3, 74%, 94%) oklch(93.9% 0.024 20.7)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#FBE5E4 sobre #3E2626 11.54:1 AAA Lc -89.7
#BED7D7 sobre #3E2626 9.20:1 AAA Lc -74.9
#3E2626 sobre #CAB0AF 6.85:1 AA Lc 58.8

Visión del color

1 par de colores quedan a menos de ΔE 0.06 entre sí en al menos una simulación.

  • 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/3e2626-a17270-71aaac-cab0af-bed7d7-fbe5e4.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.

Degradados con estos colores