Earthy combinationsUnexpected balance
Brown and Blue Color Combination
Warm brown against a cool blue balances temperature — the fastest way to keep an earthy palette from feeling flat.
Hex codes #A52A2A and #0000FF — a unexpected balance pair with a 1.21:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(165, 42, 42)
- HSL
- hsl(0, 59%, 41%)
- Hex
- #A52A2A
- RGB
- rgb(0, 0, 255)
- HSL
- hsl(240, 100%, 50%)
- Hex
- #0000FF
Contrast between Brown and Blue
Contrast ratio 1.21:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Blue text on a Brown surface, at 1.21:1.
Brown text on a Blue surface, at 1.21:1.
Where this pair works
- Denim and leather
- Interior palettes
- Editorial illustration
Give Brown (#A52A2A) roughly 60% of the surface, Blue (#0000FF) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Brown and Blue as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#e1e1fabackgrounds and large surfaces · closest to Lavender
- Primary#A52A2Athe dominant color · closest to Brown
- Secondary#0000FFthe accent color · closest to Blue
- Deep shade#400d0dtext, borders and icons · closest to DarkSienna
- Neutral#f4f4f6dividers and quiet surfaces · closest to WhiteSmoke
Explore Brown and Blue on their own
Brown
More color combinations
Amber and Brown
#FFBF00 · #A52A2AAutumn depthOpen combinationBlue and Green
#0000FF · #008000Natural calmOpen combinationBlue and Purple
#0000FF · #800080Creative confidenceOpen combinationOlive and Cream
#808000 · #FFFDD0Organic foundationOpen combinationForestGreen and Tan
#228B22 · #D2B48CField and leatherOpen combinationSage and Terracotta
#BCB88A · #E2725BModern earthOpen combinationBrown and Blue are a unexpected balance pair: warm brown against a cool blue balances temperature — the fastest way to keep an earthy palette from feeling flat.
Frequently asked questions
Yes — this pair is used for denim and leather, interior palettes, editorial illustration. The two colors measure 1.21:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.
Good to know
- Every value on this page is calculated from #A52A2A and #0000FF — nothing is hardcoded.
- Build a longer palette out of Brown or Blue in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Brown and Blue into a full palette, a gradient or a set of shades — or check the pair against WCAG.
