#C12BA4

#C12BA4

Valeurs de couleur

HEX

#C12BA4

RGB

193, 43, 164

HSL

311,6, 63,6%, 46,3%

HSV

311,6, 77,7%, 75,7%

CMYK

0,0%, 77,7%, 15,0%, 24,3%

OKLCH

0,5693 0,22 337,4

Propriétés

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

#C12BA4

#2BC148

Analogue

#932BC1

#C12B59

#C12BA4

Triadique

#C12BA4

#A4C12B

#2BA4C1

Complémentaire divisé

#C12BA4

#59C12B

#2BC193

Tétradique

#C12BA4

#C1932B

#2BC148

#2B59C1

Simulation de daltonisme

Original

#C12BA4

Protanopie

#807F87

Deutéranopie

#899480

Tritanopie

#BA706B

Achromatopsie

#545454

Utilisation CSS

background-color: #C12BA4;
color: #C12BA4;
border-color: #C12BA4;
Tailwind le plus proche : Fuchsia 700 #A21CAF

Nuances Tailwind

50
#FBF3FA
100
#F7E4F3
200
#F2C5E9
300
#E99BDA
400
#DD65C5
500
#D12EB1
600
#A7258E
700
#851E71
800
#681759
900
#4C1541
950
#300D29

Vérificateur de contraste

Texte sur blanc

5,06:1

AA Pass AAA Fail

Texte sur noir

4,15:1

AA Fail AAA Fail

Comparer avec

#C12BA4
#2BC148
#C12BA4
#FFFFFF
#000000
#C12BA4

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

RGB(193, 43, 164) · HSL(311,6, 63,6%, 46,3%) · CMYK(0,0%, 77,7%, 15,0%, 24,3%)

Does #C12BA4 meet WCAG contrast on white?

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

What text color is readable on #C12BA4?

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