Créé à 12/27/2017 20:28
1
Cyan palette Materialize CSS
cyan lighten-5
#e0f7fa
cyan lighten-4
#b2ebf2
cyan lighten-3
#80deea
cyan lighten-2
#4dd0e1
cyan lighten-1
#26c6da
cyan
#00bcd4
cyan darken-1
#00acc1
cyan darken-2
#0097a7
cyan darken-3
#00838f
cyan darken-4
#006064
cyan accent-1
#84ffff
cyan accent-2
#18ffff
cyan accent-3
#00e5ff
cyan accent-4
#00b8d4
La palette se compose de Lumière couleurs. Couleurs d'accent cyan accent-1 #84ffff et cyan accent-2 #18ffff. La palette a une température de couleur Neutre, Froid.
La palette Cyan palette Materialize CSS a une combinaison de couleurs de codes 14:
HEX: #e0f7fa, RVB: (224, 247, 250); HEX: #b2ebf2, RVB: (178, 235, 242); HEX: #80deea, RVB: (128, 222, 234)
HEX: #4dd0e1, RVB: (77, 208, 225); HEX: #26c6da, RVB: (38, 198, 218); HEX: #00bcd4, RVB: (0, 188, 212)
HEX: #00acc1, RVB: (0, 172, 193); HEX: #0097a7, RVB: (0, 151, 167); HEX: #00838f, RVB: (0, 131, 143)
HEX: #006064, RVB: (0, 96, 100); HEX: #84ffff, RVB: (132, 255, 255); HEX: #18ffff, RVB: (24, 255, 255)
HEX: #00e5ff, RVB: (0, 229, 255); HEX: #00b8d4, RVB: (0, 184, 212)
Version simplifiée des couleurs de la palette
Nuance de azure, Ombre de powderblue, Nuance de powderblue, Ombre de darkturquoise, Ombre de darkturquoise, Nuance de darkturquoise, Nuance de cadetblue, Nuance de cadetblue, Ombre de Sarcelle, Nuance de darkslategrey, Ombre de cyan, Ombre de cyan, Ombre de darkturquoise, Nuance de darkturquoise
Le jeu de couleurs a été créé par mz
Codes couleurs dans la palette
Cyan palette Materialize CSS codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #e0f7fa | RVB(224, 247, 250) | cyan lighten-5 | — | |
| #b2ebf2 | RVB(178, 235, 242) | cyan lighten-4 | — | |
| #80deea | RVB(128, 222, 234) | cyan lighten-3 | — | |
| #4dd0e1 | RVB(77, 208, 225) | cyan lighten-2 | — | |
| #26c6da | RVB(38, 198, 218) | cyan lighten-1 | — | |
| #00bcd4 | RVB(0, 188, 212) | cyan | — | |
| #00acc1 | RVB(0, 172, 193) | cyan darken-1 | — | |
| #0097a7 | RVB(0, 151, 167) | cyan darken-2 | — | |
| #00838f | RVB(0, 131, 143) | cyan darken-3 | — | |
| #006064 | RVB(0, 96, 100) | cyan darken-4 | — | |
| #84ffff | RVB(132, 255, 255) | cyan accent-1 | — | |
| #18ffff | RVB(24, 255, 255) | cyan accent-2 | — | |
| #00e5ff | RVB(0, 229, 255) | cyan accent-3 | — | |
| #00b8d4 | RVB(0, 184, 212) | cyan accent-4 | — |
Contraste de la palette de couleurs
58 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 |
#e0f7fa | #b2ebf2 | 1.17 |
#e0f7fa | #80deea | 1.39 |
#e0f7fa | #4dd0e1 | 1.65 |
#e0f7fa | #26c6da | 1.85 |
#e0f7fa | #84ffff | 1.06 |
#e0f7fa | #18ffff | 1.12 |
