Paleta de colores Clay Pottery

Clay Pottery es una paleta de 5 colores que se apoya en marrones, rojos y amarillos. En OKLCH, su luminosidad va del 22% (#161F03, muy oscuro) al 95% (#F2EFD4, muy claro), y su color más saturado, #161F03, es apagado. 4 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como terrosos, apagados, verdes, oscuros y cálidos.

TerrososApagadosVerdesOscurosCálidos

Códigos de color

ColorHEXRGBHSLOKLCH
Jet #161F03 rgb(22, 31, 3) hsl(79, 82%, 7%) oklch(22.3% 0.05 124.9)
Jet #42241C rgb(66, 36, 28) hsl(13, 40%, 18%) oklch(29.8% 0.048 35.8)
Onyx #4D3B2D rgb(77, 59, 45) hsl(26, 26%, 24%) oklch(36.8% 0.034 59.3)
Dim Gray #635337 rgb(99, 83, 55) hsl(38, 29%, 30%) oklch(45.1% 0.047 81.1)
Champagne #F2EFD4 rgb(242, 239, 212) hsl(54, 54%, 89%) oklch(94.7% 0.036 101.9)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#F2EFD4 sobre #161F03 14.68:1 AAA Lc -95.0
#F2EFD4 sobre #42241C 12.04:1 AAA Lc -92.3
#F2EFD4 sobre #4D3B2D 9.13:1 AAA Lc -87.3

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/161f03-42241c-4d3b2d-635337-f2efd4.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