Palette de couleurs Terracotta Rooftop

Terracotta Rooftop est une palette de 4 couleurs qui puise dans les rouges, bruns, oranges et jaunes. En OKLCH, sa luminosité va de 30 % (#4B1D0E, foncé) à 88 % (#E1DCA4, clair), et sa couleur la plus saturée, #8B5118, 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 : terreuses, chaudes, dégradé, jaunes, apaisantes et adaptées au daltonisme.

TerreusesChaudesDégradéJaunesApaisantesAdaptées au daltonisme

Codes couleur

CouleurHEXRGBHSLOKLCH
Jet #4B1D0E rgb(75, 29, 14) hsl(15, 69%, 17%) oklch(29.7% 0.074 38.3)
Dark Moss Green #8B5118 rgb(139, 81, 24) hsl(30, 71%, 32%) oklch(49.3% 0.103 60)
Earth Yellow #BA954C rgb(186, 149, 76) hsl(40, 44%, 51%) oklch(68.9% 0.102 82.6)
Vanilla #E1DCA4 rgb(225, 220, 164) hsl(55, 50%, 76%) oklch(88.5% 0.073 103.5)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#E1DCA4 sur #4B1D0E 10.11:1 AAA Lc -79.6
#4B1D0E sur #BA954C 5.06:1 AA Lc 44.6
#E1DCA4 sur #8B5118 4.55:1 AA Lc -62.6

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. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.

  • 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/4b1d0e-8b5118-ba954c-e1dca4.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