Golden Rectangle Calculator
Calculate golden rectangle dimensions, area, perimeter, and diagonal from one known side. Explore the golden ratio (phi = 1.618) for design.
Golden Rectangle Calculator
Calculator
Adjust values & calculateEnter your values below. Every result is computed in your browser — no data is sent to any server.
Formula: Long Side / Short Side = phi = (1 + sqrt(5)) / 2 = 1.6180339887...
Worked example — Height: 593.31px | Area: 569,580 sq px | Diagonal: 1,128.55px
Formula
Long Side / Short Side = phi = (1 + sqrt(5)) / 2 = 1.6180339887...
In a golden rectangle, the ratio of the longer side to the shorter side equals phi (the golden ratio). Given one side, the other is found by multiplying or dividing by phi. The rectangle has the unique property that removing a square leaves another golden rectangle.
Worked Examples
Example 1: Web Design Content Area
Problem:Your web page content area is 960px wide. Find the golden rectangle height, area, and diagonal.
Solution:Given long side (width) = 960px Short side = 960 / 1.618034 = 593.31px Area = 960 x 593.31 = 569,580 sq px Perimeter = 2 x (960 + 593.31) = 3,106.63px Diagonal = sqrt(960^2 + 593.31^2) = sqrt(921,600 + 351,980) = 1,128.55px Ratio verification: 960 / 593.31 = 1.61803
Result:Height: 593.31px | Area: 569,580 sq px | Diagonal: 1,128.55px
Example 2: Art Canvas Dimensions
Problem:You want a golden rectangle canvas with a short side of 24 inches.
Solution:Given short side = 24 inches Long side = 24 x 1.6180 = 38.833 inches Area = 24 x 38.833 = 931.99 sq inches Perimeter = 2 x (24 + 38.833) = 125.666 inches The canvas dimensions are approximately 24 x 39 inches. A square of 24x24 inches inside leaves a 24x14.83 inch golden rectangle remainder.
Result:Canvas: 24 x 38.83 inches | Area: 932 sq in
Frequently Asked Questions
What is a golden rectangle and why is it considered special?
A golden rectangle is a rectangle whose side lengths are in the golden ratio, approximately 1:1.618. This ratio, denoted by the Greek letter phi, has the unique mathematical property that when you remove a square from a golden rectangle, the remaining rectangle is also a golden rectangle. This self-similar property continues infinitely, creating a logarithmic spiral known as the golden spiral when quarter circles are drawn in each successive square. The golden rectangle has fascinated mathematicians, artists, and architects for millennia. The Parthenon in Athens, Leonardo da Vinci's works, and modern design standards all incorporate golden rectangle proportions. Psychologists have conducted studies suggesting that humans find golden rectangle proportions more aesthetically pleasing than other rectangular ratios, though this claim remains debated in academic literature.
What is the golden ratio and how is it calculated?
The golden ratio, often represented by the Greek letter phi, equals exactly (1 + square root of 5) divided by 2, which gives the irrational number 1.6180339887 continuing infinitely without repeating. It can be derived by solving the equation a/b = (a+b)/a, where a is the longer segment and b is the shorter. This means the ratio of the whole to the larger part equals the ratio of the larger part to the smaller part. The golden ratio is intimately connected to the Fibonacci sequence (1, 1, 2, 3, 5, 8, 13, 21...) where each number is the sum of the two preceding numbers. As you go further in the sequence, the ratio of consecutive Fibonacci numbers converges to phi. For example, 8/5 equals 1.600, 13/8 equals 1.625, 21/13 equals 1.615, and 144/89 equals 1.61798, approaching 1.61803 with increasing precision.
How is the golden rectangle used in graphic design and web layout?
The golden rectangle provides a mathematically grounded framework for creating visually harmonious layouts in graphic design and web development. In web design, the golden ratio helps determine content and sidebar widths: for a 960-pixel layout, the main content area would be approximately 593 pixels and the sidebar 367 pixels. Typography benefits from the golden ratio when setting line heights (font size multiplied by 1.618), heading hierarchies, and paragraph spacing. Logo designers frequently embed golden rectangles and golden spirals to achieve balanced proportions, as seen in famous logos by Apple, Twitter, and National Geographic. In photography, the golden spiral overlay serves as an alternative to the rule of thirds for composition. Print designers use golden rectangles for page margins, advertisement layouts, and business card dimensions to create subconsciously appealing proportions.
Where does the golden ratio appear in nature?
The golden ratio manifests throughout the natural world in remarkable ways that continue to fascinate scientists and mathematicians. Spiral patterns following the golden ratio appear in nautilus shells, hurricane formations, spiral galaxies, and the arrangement of seeds in sunflower heads, which typically contain 34 and 55 spirals (consecutive Fibonacci numbers). Phyllotaxis, the arrangement of leaves around a stem, follows golden angle spacing of approximately 137.5 degrees to maximize sunlight exposure for each leaf. The proportions of the human body exhibit multiple golden ratio relationships: the ratio of total height to navel height, forearm to hand length, and facial feature spacing all approximate phi. Pine cones display Fibonacci spiral counts of 8 and 13. DNA molecules measure 34 angstroms long by 21 angstroms wide for each full cycle, both Fibonacci numbers with a ratio approaching the golden ratio.
How do I construct a golden rectangle by hand or in design software?
Constructing a golden rectangle can be done geometrically with a compass and straightedge or numerically in design software. For geometric construction, start by drawing a square. Find the midpoint of the bottom side and draw an arc from that midpoint through the top corner of the square opposite to it. Extend the base line to where the arc intersects; this gives the long side of the golden rectangle. Complete the rectangle by drawing vertical and horizontal lines. In design software like Adobe Illustrator or Figma, simply create a rectangle and set one dimension, then multiply by 1.618 for the other. For example, a 500-pixel wide element should be 809 pixels tall (or vice versa) to form a golden rectangle. Many design tools offer golden ratio overlay plugins. For responsive web design, use CSS with the calculation where width is 100 percent and height is calculated as width divided by 1.618 using the calc function or aspect-ratio property.
How can I check whether a rectangle I already have is a golden rectangle?
Divide the long side by the short side and compare the quotient with phi, 1.6180. A 16 by 10 panel gives 1.600, roughly one percent under phi, which reads as golden to the eye. A 16 by 9 screen gives 1.778, about ten percent over, and ISO A-series paper gives the square root of 2, or 1.414, which is a different self-similar system entirely. Because phi is irrational, no whole-number pair is exactly golden, so in practice a tolerance of about one percent is the sensible test.
What is the difference between a golden rectangle and a golden spiral?
The rectangle is a static proportion; the spiral is the curve traced through the nested squares you get by repeatedly removing a square from the remaining golden rectangle. Drawing a quarter circle in each square produces the familiar figure, but that is an approximation built from circular arcs. The true golden spiral is a logarithmic spiral whose radius multiplies by phi for every quarter turn, so it is smooth rather than piecewise. Both are used as composition overlays, and at normal drawing scale the difference is barely visible.
What algebraic property makes phi different from any other ratio?
Phi is the only positive number satisfying phi squared = phi + 1, which rearranges to 1 divided by phi = phi - 1 = 0.6180. That is why its square and its reciprocal have the same decimal tail, and why the golden rectangle regenerates itself when a square is removed. The same equation gives the continued fraction made entirely of 1s, and because those terms are as small as possible, phi is the hardest of all irrational numbers to approximate well by fractions, which is the technical reason it shows up in efficient packing arrangements.
How do you divide a line segment into the golden section?
Split a segment of length L so the whole is to the larger part as the larger part is to the smaller. The larger part is L divided by phi, or 0.6180 times L, and the smaller is the remaining 0.3820 times L; their ratio is again 1.6180. On a 1000 pixel column that puts the division at 618 pixels. Designers use this for a horizon line in a photograph, a fold position on a printed piece, or the split between a main column and a sidebar, since it is the one-dimensional version of the rectangle proportion.
How long is the diagonal of a golden rectangle relative to its sides?
By Pythagoras the diagonal is the short side times the square root of 1 plus phi squared, and since phi squared = phi + 1, that simplifies to the square root of phi + 2, which is 1.9021. So a golden rectangle with a short side of 200 has a diagonal of about 380.4, and one with a long side of 960 has a short side of 593.3 and a diagonal of about 1128.6. The diagonal matters for practical work such as checking a frame is square, sizing a screen quoted by its diagonal, or setting the bounding circle of a rotated layout.
References
Reviewed for accuracy by Manoj Kumar, Mathematics Educator · Editorial policy
Related Calculators
🧮Area of a Rectangle Calculator
Calculate the area, perimeter, and diagonal of a rectangle. Find missing sides from known area. Convert between metric and imperial area units.
🧮Generic Rectangle Calculator
Calculate generic rectangle with inputs, formulas, and instant results.
🧮Diagonal Calculator
Calculate the diagonal of a rectangle, square, or cube from side lengths.
🧮Annulus Area Calculator
Calculate annulus area with inputs, formulas, and instant results.
🧮Area Calculator
Calculate area with inputs, formulas, and instant results.
🧮Area of Crescent Calculator
Calculate area of crescent with inputs, formulas, and instant results.
🧮Center of Mass Calculator
Calculate center of mass with inputs, formulas, and instant results.
🧮Centroid Calculator
Calculate centroid with inputs, formulas, and instant results.