Loading page
About this tool
Analyze emotional impact, branding psychology, and cultural meanings of colors.
A colour psychology analyser takes one hex value and reports three things about it: the emotional associations its hue family carries, how that hue is read in different markets, and its measured WCAG 2.1 contrast ratio against white and black. The hue is classified from its HSL angle on the standard twelve-part wheel, and contrast is computed with the official relative-luminance formula (0.2126R + 0.7152G + 0.0722B on linearised sRGB). It is built for brand designers and product teams choosing a palette that has to work emotionally and pass accessibility review.
Open Color Psychology Analyzer on AltFTool — it loads instantly in your browser.
Type a value into the Colour (hex) field or click the swatch beside it to pick one visually. It opens on #14B8A6, takes 3 or 6 hex digits, and anything else raises 'That is not a hex colour. Use 3 or 6 hex digits, like #14B8A6.'
Read the analysis, which re-runs on every keystroke: the Psychological family headline and temperature, then rows for Hue / saturation / lightness, RGB, Relative luminance, Contrast on white, Contrast on black, Best text colour on it and the WCAG verdict for body text, followed by What this colour signals and the Cultural meanings table.
Set Text colour placed on it to test a pairing in the Readability preview, click a swatch under Palette partners — Complementary (+180°), Analogous (±30°), Triadic (+120°, +240°) or Split complementary (+150°, +210°) — to analyse that colour instead, and use Copy summary to put the whole write-up on your clipboard or Reset to go back to #14B8A6.
Emotional associations sit next to the WCAG ratio, so a colour is not approved on feel alone.
Each hue family lists how it is understood in several regions, including where it signals mourning.
Relative luminance and contrast use the published formula, so the numbers match any audit tool.
4.5:1 for normal body text and 3:1 for large text — 18.66px bold or 24px and above — under WCAG 2.1 AA (SC 1.4.3). AAA raises those to 7:1 and 4.5:1. Non-text elements such as icons, focus rings and input borders need 3:1 under SC 1.4.11. The scale runs from 1:1 (identical colours) to 21:1 (pure black on pure white).
Blue, on balance. It has fewer widespread negative or taboo readings than most hues across major markets — though it is a traditional mourning colour in China and South Korea — which is part of why it dominates banking, insurance and enterprise software. The trade-off is that it is so common it rarely differentiates, and it suppresses appetite cues — which is why almost no food brand uses it as a primary.
The reliable effect is appropriateness, not the colour itself: research on colour and marketing consistently finds that what matters is whether the colour fits the brand's personality, not whether it is 'a trustworthy blue'. Treat the associations here as prior expectations your audience brings, then test the actual design.
Because yellow sits at very high relative luminance — a saturated yellow such as #FFD700 measures about 1.4:1 against white, far under the 4.5:1 body-text minimum. Yellow works as a background with dark text on it, or as a highlight, but not as text on a light page. Darken it toward amber or place it on a dark surface instead.