#AF5AA2

#AF5AA2

Valeurs de couleur

HEX

#AF5AA2

RGB

175, 90, 162

HSL

309,2, 34,7%, 52,0%

HSV

309,2, 48,6%, 68,6%

CMYK

0,0%, 48,6%, 7,4%, 31,4%

OKLCH

0,5934 0,1429 333,2

Propriétés

Chaud Clair Le plus proche : Plum

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

#AF5AA2

#5AAF67

Analogue

#925AAF

#AF5A78

#AF5AA2

Triadique

#AF5AA2

#A2AF5A

#5AA2AF

Complémentaire divisé

#AF5AA2

#78AF5A

#5AAF92

Tétradique

#AF5AA2

#AF925A

#5AAF67

#5A78AF

Simulation de daltonisme

Original

#AF5AA2

Protanopie

#8A8991

Deutéranopie

#8F968C

Tritanopie

#AB8380

Achromatopsie

#717171

Utilisation CSS

background-color: #AF5AA2;

color: #AF5AA2;

border-color: #AF5AA2;

Tailwind le plus proche : Pink 400 #F472B6

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

4,37:1

AA Fail AAA Fail

Texte sur noir

4,81:1

AA Pass 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 #AF5AA2?

RGB(175, 90, 162) · HSL(309,2, 34,7%, 52,0%) · CMYK(0,0%, 48,6%, 7,4%, 31,4%)

Does #AF5AA2 meet WCAG contrast on white?

4,37:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #AF5AA2?

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