Palette de couleurs Flurry Silence

Flurry Silence est une palette de 4 couleurs qui puise dans les bleus et neutres. En OKLCH, sa luminosité va de 17 % (#02111C, très foncé) à 96 % (#E5F6FF, très clair), et sa couleur la plus saturée, #2C4E61, est atténué. 3 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 : hiver, froides, monochromes, dégradé, bleues et neutres.

HiverFroidesMonochromesDégradéBleuesNeutres

Codes couleur

CouleurHEXRGBHSLOKLCH
Rich Navy #02111C rgb(2, 17, 28) hsl(205, 87%, 6%) oklch(17% 0.033 239.2)
Oxford Blue #0C2E40 rgb(12, 46, 64) hsl(201, 68%, 15%) oklch(28.6% 0.051 235.8)
Charcoal #2C4E61 rgb(44, 78, 97) hsl(202, 38%, 28%) oklch(40.6% 0.051 234.4)
Light Cyan #E5F6FF rgb(229, 246, 255) hsl(201, 100%, 95%) oklch(96.3% 0.022 230.5)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#E5F6FF sur #02111C 17.24:1 AAA Lc -99.6
#E5F6FF sur #0C2E40 12.81:1 AAA Lc -96.0
#E5F6FF sur #2C4E61 8.00:1 AAA Lc -86.9

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/02111c-0c2e40-2c4e61-e5f6ff.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