Palette de couleurs Alexandrite Collection

Alexandrite Collection est une palette de 4 couleurs qui puise dans les violets, turquoises et cyans et neutres. En OKLCH, sa luminosité va de 23 % (#2A0A3F, très foncé) à 94 % (#F3E9DC, très clair), et sa couleur la plus saturée, #2A0A3F, est moyennement saturé. 2 de ses 3 couleurs chromatiques se situent du 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 : luxe, bleu-vert, violettes, sourdes et froides.

LuxeBleu-vertViolettesSourdesFroides

Codes couleur

CouleurHEXRGBHSLOKLCH
Oxford Blue #2A0A3F rgb(42, 10, 63) hsl(276, 73%, 14%) oklch(23.2% 0.096 308)
Midnight Green #0F3D3E rgb(15, 61, 62) hsl(181, 61%, 15%) oklch(33% 0.048 197.2)
Dark Cyan #1B6B5A rgb(27, 107, 90) hsl(167, 60%, 26%) oklch(47.6% 0.08 175.2)
Champagne #F3E9DC rgb(243, 233, 220) hsl(34, 49%, 91%) oklch(93.8% 0.02 74.7)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#F3E9DC sur #2A0A3F 14.42:1 AAA Lc -92.6
#F3E9DC sur #0F3D3E 9.96:1 AAA Lc -87.2
#F3E9DC sur #1B6B5A 5.31:1 AA Lc -73.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/2a0a3f-0f3d3e-1b6b5a-f3e9dc.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