#BC45B0

#BC45B0

Valeurs de couleur

HEX

#BC45B0

RGB

188, 69, 176

HSL

306,1, 47,0%, 50,4%

HSV

306,1, 63,3%, 73,7%

CMYK

0,0%, 63,3%, 6,4%, 26,3%

OKLCH

0,5909 0,1956 332,0

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

#BC45B0

#45BC51

Analogue

#8D45BC

#BC4574

#BC45B0

Triadique

#BC45B0

#B0BC45

#45B0BC

Complémentaire divisé

#BC45B0

#74BC45

#45BC8D

Tétradique

#BC45B0

#BC8D45

#45BC51

#4574BC

Simulation de daltonisme

Original

#BC45B0

Protanopie

#888796

Deutéranopie

#8F9890

Tritanopie

#B6827D

Achromatopsie

#666666

Utilisation CSS

background-color: #BC45B0;
color: #BC45B0;
border-color: #BC45B0;
Tailwind le plus proche : Fuchsia 800 #86198F

Nuances Tailwind

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DFA5D9
400
#CD74C4
500
#BB44AF
600
#96368C
700
#782B70
800
#5E2258
900
#451C41
950
#2C1229

Vérificateur de contraste

Texte sur blanc

4,55:1

AA Pass AAA Fail

Texte sur noir

4,62:1

AA Pass AAA Fail

Comparer avec

#BC45B0
#45BC51
#BC45B0
#FFFFFF
#000000
#BC45B0

Articles associés

Tutoriels

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

Jan 26, 2026
Tutoriels

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

Jan 21, 2026
Tutoriels

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 #BC45B0?

RGB(188, 69, 176) · HSL(306,1, 47,0%, 50,4%) · CMYK(0,0%, 63,3%, 6,4%, 26,3%)

Does #BC45B0 meet WCAG contrast on white?

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

What text color is readable on #BC45B0?

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