Palette de couleurs Velvet Dusk

Velvet Dusk est une palette de 4 couleurs qui puise dans les violets, rouges et oranges. En OKLCH, sa luminosité va de 24 % (#1E1B3A, très foncé) à 92 % (#FBE0B8, très clair), et sa couleur la plus saturée, #C0629A, est moyennement saturé. 3 de ses 4 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 : coucher de soleil, roses et chaudes.

Coucher de soleilRosesChaudes

Codes couleur

CouleurHEXRGBHSLOKLCH
Oxford Blue #1E1B3A rgb(30, 27, 58) hsl(246, 36%, 17%) oklch(24.3% 0.058 285.7)
English Lavender #C0629A rgb(192, 98, 154) hsl(324, 43%, 57%) oklch(62.4% 0.137 345.1)
Sweet Salmon #F08A8B rgb(240, 138, 139) hsl(359, 77%, 74%) oklch(74.3% 0.125 19.9)
Lemon Meringue #FBE0B8 rgb(251, 224, 184) hsl(36, 89%, 85%) oklch(91.9% 0.06 77.6)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#FBE0B8 sur #1E1B3A 12.93:1 AAA Lc -88.1
#1E1B3A sur #F08A8B 6.84:1 AA Lc 54.2
#1E1B3A sur #C0629A 4.28:1 AA grand texte Lc 35.8

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/1e1b3a-c0629a-f08a8b-fbe0b8.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