Ui design landing page architecture blog colors palette
- Steel Blue#368cb4
- Cornflower#97d2dc
- Café Noir#4c2c1c
- Steel Teal#598094
- Dark Sky Blue#98bccc
- Royal Brown#53392b
Créé le 03/07/2023 13:59
La palette se compose de Clair, Sombre, Semi foncé couleurs. Couleurs d'accent Steel Blue #368cb4 et Café Noir #4c2c1c. La palette a une température de couleur Froid, Chaud.
En luminosité, cette palette va de #4C2C1C (plus sombre) à #97D2DC (plus clair). L’écart de luminosité est modéré.
Saturation mixte — 1 teintes atténuées et 1 vives sur 6 couleurs.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
La température globale penche vers le froid (4 sur 6).
Codes HEX (triés) : #368CB4, #4C2C1C, #53392B, #598094, #97D2DC, #98BCCC
La palette Ui design landing page architecture blog colors palette combine 6 codes couleur:
HEX: #368cb4, RVB: (54, 140, 180); HEX: #97d2dc, RVB: (151, 210, 220); HEX: #4c2c1c, RVB: (76, 44, 28)
HEX: #598094, RVB: (89, 128, 148); HEX: #98bccc, RVB: (152, 188, 204); HEX: #53392b, RVB: (83, 57, 43)
Version simplifiée des couleurs de la palette
Teinte de Bleu acier, Nuance de Bleu poudre, Teinte de Bordeaux, Nuance de Gris ardoise, Nuance de Bleu ciel, Nuance de Brun selle
Le jeu de couleurs a été créé par raccoon
Codes couleurs dans la palette
Ui design landing page architecture blog colors palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #368cb4 | #368cb4 | RVB(54, 140, 180) | Steel Blue | — |
| #97d2dc | #97d2dc | RVB(151, 210, 220) | Cornflower | — |
| #4c2c1c | #4c2c1c | RVB(76, 44, 28) | Café Noir | — |
| #598094 | #598094 | RVB(89, 128, 148) | Steel Teal | — |
| #98bccc | #98bccc | RVB(152, 188, 204) | Dark Sky Blue | — |
| #53392b | #53392b | RVB(83, 57, 43) | Royal Brown | — |
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 |
|---|---|---|
#368cb4 | #598094 | 1.12 |
#368cb4 | #98bccc | 1.86 |
#97d2dc | #98bccc | 1.2 |
#4c2c1c | #53392b | 1.18 |
Palette d'images Ui design landing page architecture blog colors palette png
Exporter la palette
Téléchargez la "Ui design landing page architecture blog colors palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :