Créé à 10/31/2022 06:33
Saas design website product
- Vegas Gold#c5ac54
- Dark Vanilla#ddce9b
- Cetacean Blue#0b043c
- Rhythm#6e7394
- Pastel Blue#a2cccd
- Outer Space#3b4d51
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Vegas Gold #c5ac54 et Cetacean Blue #0b043c. La palette a une température de couleur Chaud, Froid.
En luminosité, cette palette va de #0B043C (plus sombre) à #DDCE9B (plus clair). L’écart de luminosité est large.
Saturation mixte — 2 teintes atténuées et 1 vives sur 6 couleurs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid (4 sur 6).
Codes HEX (triés) : #0B043C, #3B4D51, #6E7394, #A2CCCD, #C5AC54, #DDCE9B
La palette Saas design website product a une combinaison de couleurs de codes 6:
HEX: #c5ac54, RVB: (197, 172, 84); HEX: #ddce9b, RVB: (221, 206, 155); HEX: #0b043c, RVB: (11, 4, 60)
HEX: #6e7394, RVB: (110, 115, 148); HEX: #a2cccd, RVB: (162, 204, 205); HEX: #3b4d51, RVB: (59, 77, 81)
Version simplifiée des couleurs de la palette
Nuance de darkkhaki, Nuance de wheat, Nuance de midnightblue, Nuance de slategrey, Nuance de powderblue, Ombre de darkslategrey
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Saas design website product codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #c5ac54 | #c5ac54 | RVB(197, 172, 84) | Vegas Gold | — |
| #ddce9b | #ddce9b | RVB(221, 206, 155) | Dark Vanilla | — |
| #0b043c | #0b043c | RVB(11, 4, 60) | Cetacean Blue | — |
| #6e7394 | #6e7394 | RVB(110, 115, 148) | Rhythm | — |
| #a2cccd | #a2cccd | RVB(162, 204, 205) | Pastel Blue | — |
| #3b4d51 | #3b4d51 | RVB(59, 77, 81) | Outer Space | — |
Contraste de la palette de couleurs
4 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 |
|---|---|---|
#c5ac54 | #ddce9b | 1.42 |
#c5ac54 | #a2cccd | 1.28 |
#ddce9b | #a2cccd | 1.1 |
#6e7394 | #3b4d51 | 1.91 |
Palette d'images Saas design website product png
Exporter la palette
Téléchargez la "Saas design website product" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :