Palette de couleurs Velvet Gathering

Velvet Gathering est une palette de 4 couleurs qui puise dans les turquoises et cyans, rouges, verts et neutres. En OKLCH, sa luminosité va de 31 % (#163832, foncé) à 96 % (#F5F1E8, très clair), et sa couleur la plus saturée, #B0413E, est vif. Ses couleurs chromatiques se répartissent à égalité entre le côté chaud et le côté froid du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : hiver, noël, rouges, sourdes et chaudes.

HiverNoëlRougesSourdesChaudes

Codes couleur

CouleurHEXRGBHSLOKLCH
Pakistan Green #163832 rgb(22, 56, 50) hsl(169, 44%, 15%) oklch(31.3% 0.041 180.4)
Sinopia #B0413E rgb(176, 65, 62) hsl(2, 48%, 47%) oklch(52.9% 0.146 25)
Muted Teal #8EB69B rgb(142, 182, 155) hsl(139, 22%, 64%) oklch(73.9% 0.058 155.2)
Anti-Flash White #F5F1E8 rgb(245, 241, 232) hsl(42, 39%, 94%) oklch(95.9% 0.013 86.8)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#F5F1E8 sur #163832 11.32:1 AAA Lc -93.0
#163832 sur #8EB69B 5.66:1 AA Lc 52.2
#F5F1E8 sur #B0413E 5.07:1 AA Lc -74.0

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/163832-b0413e-8eb69b-f5f1e8.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