#BA53AF

#BA53AF

Valeurs de couleur

HEX

#BA53AF

RGB

186, 83, 175

HSL

306,4, 42,7%, 52,7%

HSV

306,4, 55,4%, 72,9%

CMYK

0,0%, 55,4%, 5,9%, 27,1%

OKLCH

0,6043 0,1731 331,7

Propriétés

Chaud 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

#BA53AF

#53BA5E

Analogue

#9153BA

#BA537B

#BA53AF

Triadique

#BA53AF

#AFBA53

#53AFBA

Complémentaire divisé

#BA53AF

#7BBA53

#53BA91

Tétradique

#BA53AF

#BA9153

#53BA5E

#537BBA

Simulation de daltonisme

Original

#BA53AF

Protanopie

#8D8D99

Deutéranopie

#939B93

Tritanopie

#B58783

Achromatopsie

#707070

Utilisation CSS

background-color: #BA53AF;

color: #BA53AF;

border-color: #BA53AF;

Tailwind le plus proche : Fuchsia 800 #86198F

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

4,25:1

AA Fail AAA Fail

Texte sur noir

4,94: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 #BA53AF?

RGB(186, 83, 175) · HSL(306,4, 42,7%, 52,7%) · CMYK(0,0%, 55,4%, 5,9%, 27,1%)

Does #BA53AF meet WCAG contrast on white?

4,25:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #BA53AF?

Use 000000 text on a #BA53AF background; contrast on black is 4,94:1.