Dashboards data sidebar ux
- Blue (Crayola)#106cea
- Little Boy Blue#73a8e9
- Yale Blue#0c448c
- Weldon Blue#8494a4
- Columbia Blue#ccd7e3
- Yankees Blue#1e2c40
Créé le 02/22/2023 19:32
La palette se compose de Semi foncé, Clair, Sombre couleurs. Couleurs d'accent Blue (Crayola) #106cea et Yale Blue #0c448c. La palette a une température de couleur Froid.
En luminosité, cette palette va de #1E2C40 (plus sombre) à #CCD7E3 (plus clair). L’écart de luminosité est large.
Saturation mixte — 1 teintes atténuées et 3 vives sur 6 couleurs.
Une palette analogue : ses teintes sont proches sur le cercle chromatique, dans environ 5°.
La température globale penche vers le froid (6 sur 6).
Codes HEX (triés) : #0C448C, #106CEA, #1E2C40, #73A8E9, #8494A4, #CCD7E3
La palette Dashboards data sidebar ux combine 6 codes couleur:
HEX: #106cea, RVB: (16, 108, 234); HEX: #73a8e9, RVB: (115, 168, 233); HEX: #0c448c, RVB: (12, 68, 140)
HEX: #8494a4, RVB: (132, 148, 164); HEX: #ccd7e3, RVB: (204, 215, 227); HEX: #1e2c40, RVB: (30, 44, 64)
Version simplifiée des couleurs de la palette
Nuance de Bleu royal, Teinte de Bleuet, Nuance de Bleu ardoise foncé, Teinte de Gris ardoise clair, Teinte de Gris clair, Teinte de Bleu nuit
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
Dashboards data sidebar ux codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #106cea | #106cea | RVB(16, 108, 234) | Blue (Crayola) | — |
| #73a8e9 | #73a8e9 | RVB(115, 168, 233) | Little Boy Blue | — |
| #0c448c | #0c448c | RVB(12, 68, 140) | Yale Blue | — |
| #8494a4 | #8494a4 | RVB(132, 148, 164) | Weldon Blue | — |
| #ccd7e3 | #ccd7e3 | RVB(204, 215, 227) | Columbia Blue | — |
| #1e2c40 | #1e2c40 | RVB(30, 44, 64) | Yankees Blue | — |
Contraste de la palette de couleurs
6 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
|---|---|---|
#106cea | #73a8e9 | 1.95 |
#106cea | #0c448c | 1.96 |
#106cea | #8494a4 | 1.55 |
#73a8e9 | #8494a4 | 1.25 |
#73a8e9 | #ccd7e3 | 1.69 |
#0c448c | #1e2c40 | 1.49 |
Palette d'images Dashboards data sidebar ux png
Exporter la palette
Téléchargez la "Dashboards data sidebar ux" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :