Emotion & Mood
Personality & Symbolism
It may symbolize wisdom, intuition, or spirituality. In some cultures, it represents royalty and luxury due to its rarity in nature.
Ideal for creative design elements, like logos, icons, and user interfaces that require a sense of mystery or elegance.
Color Harmonies
Visual Analysis
Technical Values
| HEX | #3C4CFC |
|---|---|
| RGB | rgb(60, 76, 252) |
| HSL | hsl(235, 97%, 61%) |
| CMYK | 76%, 70%, 0%, 1% |
| Contrast | Dark |
| CSS | background: #3C4CFC; |
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: white (#FFFFFF).
Color Psychology
Color Temperature
This cool-toned color (hue 235°) evokes feelings of calm, trust, and intellectual focus. Cool colors tend to recede visually, creating depth and spaciousness in layouts.
Visual Weight
This mid-range lightness (61%) creates a balanced visual presence — neither heavy nor ethereal. It works well for both text and interactive elements.
Saturation Impact
The high saturation (97%) 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.
CTAs & Accents
High saturation draws attention — use for primary buttons, notification badges, and important interactive elements.