Skip to main content

Search
Find My Colour
Adjust My Colour
Compare
Colours
Moods
Interiors
About

Nature Fashion Eye Colours Culture History International Practical Accessibility Glossary

Colourwise

The trusted destination for virtually any colour question.

Understand a colour, identify it from a code, find what goes with it, and explore its mood, history and meaning — backed by calculated colour science and clearly sourced guidance.

Colourwise is part of the HEKNO family of trust-led knowledge products.

Product

Find My Colour
Colour Converter
Adjust My Colour
Compare colours
Contrast checker
All colours

Explore

Moods
Interiors
Fashion
Nature
Culture
History of colour
Accessibility

Guides

Practical questions
Glossary
Lighting
Finish & texture
Colour mixing

Trust

Methodology
Data sources
Image credits
About Colourwise
Suggest a correction

Legal

Privacy policy
Terms of service
Cookies
Advertising policy
Affiliate disclosure

Colour tips newsletter — coming soon.

© 2026 Colourwise. Part of the HEKNO family.

Screen colours may not exactly match paint, fabric or print — see /methodology.

We use privacy-friendly analytics to understand which colour questions people search for. No analytics run until you agree.

What goes with this colour?

There is rarely one right answer. Here are several categories of pairing options, each with a reason it may work.

Colour

Subtle & low-contrast

Goldenrod
Similar lightness for a subtle, tone-on-tone pairing with minimal contrast.
Peridot
Similar lightness for a subtle, tone-on-tone pairing with minimal contrast.
Moss Green
Similar lightness for a subtle, tone-on-tone pairing with minimal contrast.
Caramel
Similar lightness for a subtle, tone-on-tone pairing with minimal contrast.

Balanced

Ecru
Enough lightness contrast to read as two distinct colours without feeling harsh.
Flax
Enough lightness contrast to read as two distinct colours without feeling harsh.
Olive Green
Enough lightness contrast to read as two distinct colours without feeling harsh.
Tan
Enough lightness contrast to read as two distinct colours without feeling harsh.

Complementary

Sapphire
Opposite hue (180°) for maximum hue contrast — a classical complementary pairing.

Analogous

Clay
Neighbouring hue on the colour wheel for a harmonious, low-contrast feel.
Yellow-Green
Neighbouring hue on the colour wheel for a harmonious, low-contrast feel.

Neutral pairings

Ash Grey
A low-chroma neutral lets the original colour stay the visual focus.
Silver
A low-chroma neutral lets the original colour stay the visual focus.
Grey
A low-chroma neutral lets the original colour stay the visual focus.
Linen
A low-chroma neutral lets the original colour stay the visual focus.

Accent options

Navy Blue
A saturated accent from a different hue family for a deliberate pop of contrast.
Blue
A saturated accent from a different hue family for a deliberate pop of contrast.
Ultramarine
A saturated accent from a different hue family for a deliberate pop of contrast.
Indigo
A saturated accent from a different hue family for a deliberate pop of contrast.

Accessibility-aware (text/background)

Black
Meets WCAG AA contrast (8.5:1) for normal text if used as text/background.
Navy Blue
Meets WCAG AA contrast (6.5:1) for normal text if used as text/background.
Midnight Blue
Meets WCAG AA contrast (6.0:1) for normal text if used as text/background.
Prussian Blue
Meets WCAG AA contrast (5.4:1) for normal text if used as text/background.

Continue exploring

Try this nextFind My ColourEnter a HEX, RGB, HSL or HSV code and see the nearest curated match.Tool Try this nextAdjust My ColourMake a colour warmer, cooler, lighter, darker, more muted or more saturated.Tool Try this nextCompare ColoursCompare two colours by hue, lightness, saturation, contrast and likely use.Tool Try this nextContrast CheckerCheck WCAG contrast ratios and get suggested nearby adjustments.Tool Try this nextColour ConverterConvert a colour between HEX, RGB, HSL, HSV, CMYK, LAB and LCH.Tool