#C31CB4

#C31CB4

Valeurs de couleur

HEX

#C31CB4

RGB

195, 28, 180

HSL

305,4, 74,9%, 43,7%

HSV

305,4, 85,6%, 76,5%

CMYK

0,0%, 85,6%, 7,7%, 23,5%

OKLCH

0,5724 0,243 332,7

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

#C31CB4

#1CC32B

Analogue

#7E1CC3

#C31C60

#C31CB4

Triadique

#C31CB4

#B4C31C

#1CB4C3

Complémentaire divisé

#C31CB4

#60C31C

#1CC37E

Tétradique

#C31CB4

#C37E1C

#1CC32B

#1C60C3

Simulation de daltonisme

Original

#C31CB4

Protanopie

#7B798F

Deutéranopie

#849186

Tritanopie

#BB726C

Achromatopsie

#4A4A4A

Utilisation CSS

background-color: #C31CB4;

color: #C31CB4;

border-color: #C31CB4;

Tailwind le plus proche : Fuchsia 700 #A21CAF

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

5,07:1

AA Pass AAA Fail

Texte sur noir

4,15: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 #C31CB4?

RGB(195, 28, 180) · HSL(305,4, 74,9%, 43,7%) · CMYK(0,0%, 85,6%, 7,7%, 23,5%)

Does #C31CB4 meet WCAG contrast on white?

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

What text color is readable on #C31CB4?

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