Palette de couleurs Trust and Capital

Trust and Capital est une palette de 4 couleurs qui puise dans les bleus, oranges et neutres. En OKLCH, sa luminosité va de 24 % (#0B1F3A, très foncé) à 98 % (#F7FAFE, très clair), et sa couleur la plus saturée, #3B7DD8, est vif. 2 de ses 3 couleurs chromatiques se situent du côté froid du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : entreprise, froides, bleues, oranges et adaptées au daltonisme.

EntrepriseFroidesBleuesOrangesAdaptées au daltonisme

Codes couleur

CouleurHEXRGBHSLOKLCH
Rich Black #0B1F3A rgb(11, 31, 58) hsl(214, 68%, 14%) oklch(23.9% 0.058 256.7)
Azure #3B7DD8 rgb(59, 125, 216) hsl(215, 67%, 54%) oklch(59.3% 0.155 257.2)
Gamboge #E8A33D rgb(232, 163, 61) hsl(36, 79%, 57%) oklch(76.5% 0.14 72.9)
Cultured #F7FAFE rgb(247, 250, 254) hsl(214, 78%, 98%) oklch(98.4% 0.006 255.5)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#F7FAFE sur #0B1F3A 15.78:1 AAA Lc -102.3
#0B1F3A sur #E8A33D 7.66:1 AAA Lc 59.1
#0B1F3A sur #3B7DD8 4.02:1 AA grand texte Lc 33.5

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. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.

  • 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/0b1f3a-3b7dd8-e8a33d-f7fafe.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