#7EB6A8 | colorate
À propos du #7EB6A8
HEX | #7EB6A8 |
---|---|
NOM | - |
TONS | cyan léger |
RVB | 126 182 168 |
TSV | 165° 30% 71% |
CMJN | 30% 0% 7% 28% |
Schémas de couleurs avec #7EB6A8
Schéma de couleurs modeste et mature
#7EB6A8 | colorate
C'est un schéma de couleurs composé de la même couleur de teinte. Cette palette de couleurs donne un modeste et une impression discrète.
base #E3F1ED |
RVB 227 241 237 | #E3F1ED |
principale #7EB6A8 |
RVB 126 182 168 | #7EB6A8 |
accent #367A69 |
RVB 54 122 105 | #367A69 |
Schéma de couleurs douce et organique
#7EB6A8 | colorate
C'est un schéma de couleurs composé de couleur proche de la teinte. Cette combinaison de couleurs donne une impression douce et organiquement naturelle.
base #D7EBE1 |
RVB 215 235 225 | #D7EBE1 |
principale #7EB6A8 |
RVB 126 182 168 | #7EB6A8 |
accent #3C7F80 |
RVB 60 127 128 | #3C7F80 |
Schéma de couleurs puissant et flashy
#7EB6A8 | colorate
C'est un schéma de couleurs utilisant des couleurs complémentaires pour l'accent. Ce schéma de couleurs donne une impression puissante, comportementale et flashy.
base #FBFDFC |
RVB 251 253 252 | #FBFDFC |
principale #7EB6A8 |
RVB 126 182 168 | #7EB6A8 |
accent #B67E8B |
RVB 182 126 139 | #B67E8B |
Schéma de couleurs colorée et harmonieuse
#7EB6A8 | colorate
C'est un schéma de couleurs composé de couleurs complémentaires et de couleurs adjacentes. Il y a du mouvement, donnant une impression colorée et amusante.
base #216252 |
RVB 33 98 82 | #216252 |
principale #7EB6A8 |
RVB 126 182 168 | #7EB6A8 |
accent #622159 |
RVB 98 33 89 | #622159 |
accent #623821 |
RVB 98 56 33 | #623821 |
Exemple de Schémas de couleurs
Codes CSS
<style type="text/css"> div { color : #7EB6A8; background-color : #7EB6A8; } </style>
Dégradé basé sur #7EB6A8
En utilisant le dégradé, vous pouvez créer une profondeur spatiale même dans un design plat. La brillance et l'ombrage sont les effets de la lumière. Pour créer un beau dégradé, observez la nature de près.
Dégradé de brillance et de teinte
Expression plus naturelle (ciel et boissons)
Rapport de contraste
Vérifiez le rapport de contraste lorsque vous utilisez du blanc ou du noir pour le texte et l'arrière-plan. Critères d'évaluation par WCAG 2.0 (A=échec, AA=plus petit acceptable, AAA=plus haute conformité)
Blanc et #7EB6A8 (2.30 : 1)
A 18pt
A 14pt
A 18pt
A
Noir et #7EB6A8 (9.14 : 1)
AAA 18pt
AAA 14pt
AAA 18pt
AAA
Utilities
Barcode
You can create barcodes online. The created barcode can be downloaded as PNG or EPS.
colorate
colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
textate
Make text to image. It is useful when you want to send text on SNS.