Style Guide
PubChem Standardized Hex (Color) Codes for Atoms & Ions


| Element | Hex code |
| H | 638C8C |
| C | 274A4A |
| N | 0000FF |
| O | FF0000 |
| F | D52092 |
| Na | 0E73D5 |
| Mg | 198C19 |
| P | D58600 |
| S | D5D500 |
| Cl | 2AD52A |
| K | D50575 |
| Ca | 838C8C |
| Fe | FFA900 |
| I | FF00FF |
Atom color scheme from the PubChem system as cited here.
As much as possible, make the channel protein color match the predominant ion flowing through.
Use this color code consistently; report “violations”.
Font Weight & Style
Use bold text to introduce new terms.
Image Width
As much as possible, try to use an image width of either 320px or 640px. Never enlarge the size to greater than the width (in pixels) that you saved or downloaded.
Learning Objectives
Use this syntax:
<div class="textbox shaded"> <h1>Objective #: State the learning objective.</h1> </div> <h2>The first header is an h2.</h2>
More…
Media Attributions
- CPK Color Key © Alexa Crookston | BioRender is licensed under a CC BY-NC-ND (Attribution NonCommercial NoDerivatives) license
- U13-002-Color-Code-for-Ions-1 © Jim Hutchins | BioRender is licensed under a CC BY-SA (Attribution ShareAlike) license