Emotion & Mood
Personality & Symbolism
Represents balance between creativity and practicality, or thought and action. It may also symbolize dreams, imagination, and the fusion of ideas.
Ideal for softer interiors, pastel color schemes, and as an accent in graphic design projects to create a sense of calm and harmony.
Color Harmonies
Visual Analysis
Technical Values
| HEX | #B3A4F2 |
|---|---|
| RGB | rgb(179, 164, 242) |
| HSL | hsl(252, 75%, 80%) |
| CMYK | 26%, 32%, 0%, 5% |
| Contrast | Dark |
| CSS | background: #B3A4F2; |
Accessibility — WCAG Contrast
WCAG 2.1 requires a contrast ratio of ≥4.5:1 for AA (normal text) and ≥7:1 for AAA. Best text color for this background: black (#000000).
Color Psychology
Color Temperature
This cool-toned color (hue 252°) evokes feelings of calm, trust, and intellectual focus. Cool colors tend to recede visually, creating depth and spaciousness in layouts.
Visual Weight
With 80% lightness, this color feels lightweight and expansive. Light colors psychologically reduce perceived weight of UI elements by up to 20%, making interfaces feel more airy.
Saturation Impact
The high saturation (75%) creates a vibrant, attention-demanding presence. Highly saturated colors are processed faster by the human brain — reaction time decreases by approximately 50ms compared to desaturated variants.
Design Applications
Corporate & Enterprise
Communicates trust and professionalism — the top choice for corporate sites, legal firms, and B2B SaaS.
Government & Institutions
Authority and dependability — frequently used for government portals, educational institutions, and official communications.
Backgrounds & Space
Light tones create spacious, breathable layouts — ideal for content-heavy pages, minimalist designs, and card backgrounds.
CTAs & Accents
High saturation draws attention — use for primary buttons, notification badges, and important interactive elements.