Palette de couleurs Strobe Afterhours

Strobe Afterhours est une palette de 4 couleurs qui puise dans les violets, rouges, jaunes et neutres. En OKLCH, sa luminosité va de 21 % (#150050, très foncé) à 98 % (#EFFFED, très clair), et sa couleur la plus saturée, #FF3864, est vif. 2 de ses 3 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 : néon, audacieuses, rouges, jaunes et chaudes.

NéonAudacieusesRougesJaunesChaudes

Codes couleur

CouleurHEXRGBHSLOKLCH
Navy #150050 rgb(21, 0, 80) hsl(256, 100%, 16%) oklch(21.1% 0.128 280.3)
Paradise Pink #FF3864 rgb(255, 56, 100) hsl(347, 100%, 61%) oklch(65.9% 0.231 14.6)
Yellow #FFE600 rgb(255, 230, 0) hsl(54, 100%, 50%) oklch(91.7% 0.192 101.4)
Honeydew #EFFFED rgb(239, 255, 237) hsl(113, 100%, 96%) oklch(98.3% 0.029 142.2)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#EFFFED sur #150050 17.60:1 AAA Lc -103.3
#FFE600 sur #150050 14.44:1 AAA Lc -89.3
#150050 sur #FF3864 5.23:1 AA Lc 41.1

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/150050-ff3864-ffe600-efffed.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.