#B306BA

#B306BA

Valeurs de couleur

HEX

#B306BA

RGB

179, 6, 186

HSL

297,7, 93,7%, 37,6%

HSV

297,7, 96,8%, 72,9%

CMYK

3,8%, 96,8%, 0,0%, 27,1%

OKLCH

0,5438 0,2501 326,3

Propriétés

Froid 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

#B306BA

#0DBA06

Analogue

#5906BA

#BA0667

#B306BA

Triadique

#B306BA

#BAB306

#06BAB3

Complémentaire divisé

#B306BA

#67BA06

#06BA59

Tétradique

#B306BA

#BA5906

#0DBA06

#0667BA

Simulation de daltonisme

Original

#B306BA

Protanopie

#68678E

Deutéranopie

#727F84

Tritanopie

#AA6C64

Achromatopsie

#383838

Utilisation CSS

background-color: #B306BA;

color: #B306BA;

border-color: #B306BA;

Tailwind le plus proche : Fuchsia 600 #C026D3

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

5,75:1

AA Pass AAA Fail

Texte sur noir

3,65: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 #B306BA?

RGB(179, 6, 186) · HSL(297,7, 93,7%, 37,6%) · CMYK(3,8%, 96,8%, 0,0%, 27,1%)

Does #B306BA meet WCAG contrast on white?

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

What text color is readable on #B306BA?

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