Palette de couleurs Merlot Velvet

Merlot Velvet est une palette de 4 couleurs qui puise dans les neutres, rouges et oranges. En OKLCH, sa luminosité va de 17 % (#140D12, très foncé) à 86 % (#F2CC8F, clair), et sa couleur la plus saturée, #B5475A, est vif. 3 de ses 3 couleurs chromatiques se situent du côté chaud du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : chaudes et rouges.

ChaudesRouges

Codes couleur

CouleurHEXRGBHSLOKLCH
Rich Navy #140D12 rgb(20, 13, 18) hsl(317, 21%, 6%) oklch(17.1% 0.015 336.9)
Auburn #7A3045 rgb(122, 48, 69) hsl(343, 44%, 33%) oklch(41.9% 0.105 5.1)
Sinopia #B5475A rgb(181, 71, 90) hsl(350, 44%, 49%) oklch(55% 0.143 12.6)
Vanilla #F2CC8F rgb(242, 204, 143) hsl(37, 79%, 75%) oklch(86.4% 0.089 79)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#140D12 sur #F2CC8F 12.60:1 AAA Lc 79.1
#F2CC8F sur #7A3045 5.91:1 AA Lc -65.7
#140D12 sur #B5475A 3.66:1 AA grand texte Lc 28.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/140d12-7a3045-b5475a-f2cc8f.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