Palette de couleurs Ash Gallery

Ash Gallery est une palette de 4 couleurs qui puise dans les rouges, bruns et oranges. En OKLCH, sa luminosité va de 20 % (#2E0402, très foncé) à 87 % (#EDD1A1, clair), et sa couleur la plus saturée, #481F08, est moyennement saturé. 4 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : luxe, sourdes, dégradé, marron et sombres.

LuxeSourdesDégradéMarronSombres

Codes couleur

CouleurHEXRGBHSLOKLCH
Jet #2E0402 rgb(46, 4, 2) hsl(3, 92%, 9%) oklch(19.7% 0.07 29.9)
Pakistan Green #481F08 rgb(72, 31, 8) hsl(22, 80%, 16%) oklch(29.4% 0.071 46.7)
Dim Gray #603D19 rgb(96, 61, 25) hsl(30, 59%, 24%) oklch(39.3% 0.07 63.8)
Vanilla #EDD1A1 rgb(237, 209, 161) hsl(38, 68%, 78%) oklch(87.3% 0.07 80.9)

Accessibilité

Les meilleures paires texte et fond de Ash Gallery, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.

PaireWCAG 2NiveauAPCA Lc
#2E0402 sur #EDD1A1 12.55:1 AAA Lc 79.8
#EDD1A1 sur #481F08 9.65:1 AAA Lc -76.6
#EDD1A1 sur #603D19 6.53:1 AA Lc -69.3

Vision des couleurs

Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie.

  • Protanopie

  • Deutéranopie

  • Tritanopie

  • Achromatopsie

À utiliser dans votre code

Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/2e0402-481f08-603d19-edd1a1.json.

Faites-la vôtre

Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.

Dégradés de ces couleurs