#BA5EC0

#BA5EC0

Valeurs de couleur

HEX

#BA5EC0

RGB

186, 94, 192

HSL

296,3, 43,7%, 56,1%

HSV

296,3, 51,0%, 75,3%

CMYK

3,1%, 51,0%, 0,0%, 24,7%

OKLCH

0,6272 0,1707 325,0

Propriétés

Froid Clair Le plus proche : orchid 3

Psychologie des couleurs

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Harmonies de couleurs

Complémentaire

#BA5EC0

#64C05E

Analogue

#895EC0

#C05E95

#BA5EC0

Triadique

#BA5EC0

#C0BA5E

#5EC0BA

Complémentaire divisé

#BA5EC0

#95C05E

#5EC089

Tétradique

#BA5EC0

#C0895E

#64C05E

#5E95C0

Simulation de daltonisme

Original

#BA5EC0

Protanopie

#9291A8

Deutéranopie

#989EA3

Tritanopie

#B59691

Achromatopsie

#797979

Utilisation CSS

background-color: #BA5EC0;

color: #BA5EC0;

border-color: #BA5EC0;

Tailwind le plus proche : Fuchsia 400 #E879F9

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

3,85:1

AA Fail AAA Fail

Texte sur noir

5,45:1

AA Pass AAA Fail

Comparer avec

Articles associés

CSS color-mix() : mélanger des couleurs nativement dans le navigateur

Jan 26, 2026

Créer un sélecteur de couleur Web Component from scratch

Jan 21, 2026

Espaces colorimétriques perceptuels : Lab, LCH, Oklab, OKLCH

Jan 15, 2026

Questions fréquemment posées

What are the RGB, HSL, and CMYK values of #BA5EC0?

RGB(186, 94, 192) · HSL(296,3, 43,7%, 56,1%) · CMYK(3,1%, 51,0%, 0,0%, 24,7%)

Does #BA5EC0 meet WCAG contrast on white?

3,85:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #BA5EC0?

Use 000000 text on a #BA5EC0 background; contrast on black is 5,45:1.