#BA0FBA

#BA0FBA

Valeurs de couleur

HEX

#BA0FBA

RGB

186, 15, 186

HSL

300,0, 85,1%, 39,4%

HSV

300,0, 91,9%, 72,9%

CMYK

0,0%, 91,9%, 0,0%, 27,1%

OKLCH

0,557 0,2498 328,3

Propriétés

Chaud Sombre Le plus proche : magenta 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

#BA0FBA

#0FBA0F

Analogue

#640FBA

#BA0F64

#BA0FBA

Triadique

#BA0FBA

#BABA0F

#0FBABA

Complémentaire divisé

#BA0FBA

#64BA0F

#0FBA64

Tétradique

#BA0FBA

#BA640F

#0FBA0F

#0F64BA

Simulation de daltonisme

Original

#BA0FBA

Protanopie

#706E91

Deutéranopie

#7A8787

Tritanopie

#B17069

Achromatopsie

#404040

Utilisation CSS

background-color: #BA0FBA;

color: #BA0FBA;

border-color: #BA0FBA;

Tailwind le plus proche : Fuchsia 600 #C026D3

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

5,43:1

AA Pass AAA Fail

Texte sur noir

3,87: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 #BA0FBA?

RGB(186, 15, 186) · HSL(300,0, 85,1%, 39,4%) · CMYK(0,0%, 91,9%, 0,0%, 27,1%)

Does #BA0FBA meet WCAG contrast on white?

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

What text color is readable on #BA0FBA?

Use FFFFFF text on a #BA0FBA background; contrast on black is 3,87:1.