What is Color Ratio in Fashion?
Last updated 2026-06-09
Color ratio is the structural principle behind why some outfits look effortlessly balanced while others feel chaotic or flat. The concept borrows from interior design's 60-30-10 rule and adapts it for clothing: approximately 60 to 70 percent of your outfit's visible surface area should be one dominant color, 20 to 30 percent a secondary color, and 10 percent (or less) an accent. This creates a visual hierarchy that the eye can read comfortably — it knows where to land first (the dominant), where to travel next (the secondary), and where to find interest (the accent). In practical terms, the dominant color is usually your largest garment — pants and a top in the same color, or a dress. The secondary color is the next largest area — a jacket, cardigan, or scarf. The accent is the smallest but most attention-grabbing element — shoes, a bag, jewelry, or a belt. For example, in an outfit of black trousers, a black turtleneck, a camel coat, and red shoes, the ratio is roughly 60% black (dominant), 30% camel (secondary), and 10% red (accent). Each color has a clear role and a defined amount of space. The ratio approach is particularly useful for people who struggle with wearing color. Instead of trying to build an outfit from three equally bold, equally sized color blocks — which often feels costume-like — you let one color dominate and use the others in supporting roles. This makes bold colors accessible: a bright fuchsia is overwhelming as a full outfit but perfectly wearable as a 10% accent against 90% neutral. TRY can help you visualize the color ratio in your planned outfits, showing whether the balance feels harmonious or whether one element is taking too much or too little visual space.
An outfit with 70% navy (trousers and knit top), 20% cream (linen blazer), and 10% mustard (crossbody bag) follows a classic color ratio — the navy grounds, the cream softens, and the mustard adds a deliberate point of interest.
How TRY helps
TRY suggests outfit combinations from the clothes you already own. Upload your wardrobe, pick an occasion, and get ideas that fit your style—including staples and formulas that work.
Questions, answered.
Does the 60-30-10 rule apply to every outfit?
It is a guideline, not a strict rule. Monochrome outfits use a 100-0-0 ratio and look great. Tonal outfits might use 60-40-0 with no accent at all. Maximalist dressers might split 40-30-30 across three bold colors. The 60-30-10 framework is most useful as a starting point for people learning to combine colors confidently — once you internalize why it works (visual hierarchy and resting points), you can bend or break the ratios intentionally.
How do I calculate color ratio in an outfit?
You do not need exact math — estimate by visual surface area. Your bottom half (pants or skirt) and upper body garment together usually make up 60 to 70 percent. A jacket, cardigan, or large scarf is 20 to 30 percent. Shoes, bag, belt, and jewelry are the remaining 10 percent. If two colors each occupy roughly 50 percent of the outfit, neither dominates and the look can feel unresolved — add a third element or let one color take more space.
What if I want to wear all bright colors?
The ratio still applies — just with brighter hues. An all-color outfit works best when one bright color dominates and the others play supporting roles. A head-to-toe emerald green outfit with a red bag (90-10 ratio) reads as intentional. Three equally bright colors at equal proportions reads as chaotic. Even in dopamine dressing, one color should lead and the others should follow.