Palette de couleurs Signal Orange

Signal Orange est une palette de 5 couleurs qui puise dans les bleus, neutres et oranges. En OKLCH, sa luminosité va de 25 % (#14213D, foncé) à 96 % (#F2F0EA, très clair), et sa couleur la plus saturée, #FF7A1A, est vif. Ses couleurs chromatiques se répartissent à égalité entre le côté chaud et le côté froid du cercle chromatique. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : audacieuses, oranges, chaudes et entreprise.

AudacieusesOrangesChaudesEntreprise

Codes couleur

CouleurHEXRGBHSLOKLCH
Oxford Blue #14213D rgb(20, 33, 61) hsl(221, 51%, 16%) oklch(25.2% 0.056 264)
Steel Blue #2F4B7C rgb(47, 75, 124) hsl(218, 45%, 34%) oklch(41.6% 0.089 260.9)
Anti-Flash White #F2F0EA rgb(242, 240, 234) hsl(45, 24%, 93%) oklch(95.5% 0.008 91.5)
Orange Wheel #FF7A1A rgb(255, 122, 26) hsl(25, 100%, 55%) oklch(72.4% 0.187 48.9)
Sinopia #B84A0E rgb(184, 74, 14) hsl(21, 86%, 39%) oklch(54.9% 0.156 43.1)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#F2F0EA sur #14213D 14.02:1 AAA Lc -95.6
#F2F0EA sur #2F4B7C 7.62:1 AAA Lc -84.3
#14213D sur #FF7A1A 6.12:1 AA Lc 50.6

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/14213d-2f4b7c-f2f0ea-ff7a1a-b84a0e.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.

Ouvrir dans le générateur Créer un système de couleurs Visualiser

Dégradés de ces couleurs