Smallest whole-pixel size 5 × 3.
In CSS: aspect-ratio: 5 / 3. Rotated it becomes 3:5.
Where 5:3 is used
Super 16 film, some ultrawide phone panels.
A film-native ratio rarely seen on consumer displays.
Rendered live with aspect-ratio: 5 / 3.
5:3 resolutions
Every size below is exactly 5:3 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 160 × 96 | 160 | 96 | 0.02 | — |
| 165 × 99 | 165 | 99 | 0.02 | — |
| 170 × 102 | 170 | 102 | 0.02 | — |
| 175 × 105 | 175 | 105 | 0.02 | — |
| 180 × 108 | 180 | 108 | 0.02 | — |
| 185 × 111 | 185 | 111 | 0.02 | — |
| 190 × 114 | 190 | 114 | 0.02 | — |
| 195 × 117 | 195 | 117 | 0.02 | — |
| 200 × 120 | 200 | 120 | 0.02 | — |
| 205 × 123 | 205 | 123 | 0.03 | — |
| 210 × 126 | 210 | 126 | 0.03 | — |
| 215 × 129 | 215 | 129 | 0.03 | — |
| 220 × 132 | 220 | 132 | 0.03 | — |
| 225 × 135 | 225 | 135 | 0.03 | — |
| 230 × 138 | 230 | 138 | 0.03 | — |
| 235 × 141 | 235 | 141 | 0.03 | — |
| 240 × 144 | 240 | 144 | 0.03 | — |
| 245 × 147 | 245 | 147 | 0.04 | — |
| 250 × 150 | 250 | 150 | 0.04 | — |
| 255 × 153 | 255 | 153 | 0.04 | — |
| 260 × 156 | 260 | 156 | 0.04 | — |
| 265 × 159 | 265 | 159 | 0.04 | — |
| 270 × 162 | 270 | 162 | 0.04 | — |
| 275 × 165 | 275 | 165 | 0.05 | — |
| 280 × 168 | 280 | 168 | 0.05 | — |
| 285 × 171 | 285 | 171 | 0.05 | — |
| 290 × 174 | 290 | 174 | 0.05 | — |
| 295 × 177 | 295 | 177 | 0.05 | — |
| 300 × 180 | 300 | 180 | 0.05 | — |
| 320 × 192 | 320 | 192 | 0.06 | — |
| 480 × 288 | 480 | 288 | 0.14 | — |
| 640 × 384 | 640 | 384 | 0.25 | — |
| 720 × 432 | 720 | 432 | 0.31 | — |
| 800 × 480 | 800 | 480 | 0.38 | — |
| 960 × 576 | 960 | 576 | 0.55 | — |
| 1080 × 648 | 1080 | 648 | 0.7 | — |
| 1200 × 720 | 1200 | 720 | 0.86 | — |
| 1280 × 768 | 1280 | 768 | 0.98 | — |
| 1440 × 864 | 1440 | 864 | 1.24 | — |
| 1600 × 960 | 1600 | 960 | 1.54 | — |
Using 5:3 in CSS
/* Modern — one line */
.box { aspect-ratio: 5 / 3; }
/* With a fixed width */
.box { width: 100%; max-width: 800px; aspect-ratio: 5 / 3; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 60%; }
.box-legacy > * { position: absolute; inset: 0; }Questions about 5:3
What resolution is 5:3?
5:3 is a ratio, not a fixed resolution — any size where width ÷ height equals 1.6667 qualifies. The smallest whole-pixel pair is 5 × 3, and common ones include 640 × 384, 720 × 432, 800 × 480, 960 × 576.
What is 5:3 used for?
Super 16 film, some ultrawide phone panels.
How do I set 5:3 in CSS?
Use the aspect-ratio property: aspect-ratio: 5 / 3;. The element then keeps that shape at any width. It is supported in every current browser.
What is 5:3 the other way round?
Rotated 90 degrees it becomes 3:5.
How do I calculate a 5:3 height from a width?
Multiply the width by 0.6. For example 1080 × 0.6 = 648. The calculator does it both directions.