#BA3DAA

#BA3DAA

Valeurs de couleur

HEX

#BA3DAA

RGB

186, 61, 170

HSL

307,7, 50,6%, 48,4%

HSV

307,7, 67,2%, 72,9%

CMYK

0,0%, 67,2%, 8,6%, 27,1%

OKLCH

0,5767 0,2004 333,4

Propriétés

Chaud Sombre 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

#BA3DAA

#3DBA4D

Analogue

#8B3DBA

#BA3D6B

#BA3DAA

Triadique

#BA3DAA

#AABA3D

#3DAABA

Complémentaire divisé

#BA3DAA

#6BBA3D

#3DBA8B

Tétradique

#BA3DAA

#BA8B3D

#3DBA4D

#3D6BBA

Simulation de daltonisme

Original

#BA3DAA

Protanopie

#848390

Deutéranopie

#8B9489

Tritanopie

#B47B76

Achromatopsie

#5F5F5F

Utilisation CSS

background-color: #BA3DAA;

color: #BA3DAA;

border-color: #BA3DAA;

Tailwind le plus proche : Fuchsia 800 #86198F

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

4,84:1

AA Pass AAA Fail

Texte sur noir

4,34:1

AA Fail 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 #BA3DAA?

RGB(186, 61, 170) · HSL(307,7, 50,6%, 48,4%) · CMYK(0,0%, 67,2%, 8,6%, 27,1%)

Does #BA3DAA meet WCAG contrast on white?

4,84:1 — WCAG AA Réussi, AAA Échoué for normal text.

What text color is readable on #BA3DAA?

Use FFFFFF text on a #BA3DAA background; contrast on black is 4,34:1.