#AF5BBA

#AF5BBA

Valeurs de couleur

HEX

#AF5BBA

RGB

175, 91, 186

HSL

293,1, 40,8%, 54,3%

HSV

293,1, 51,1%, 72,9%

CMYK

5,9%, 51,1%, 0,0%, 27,1%

OKLCH

0,6063 0,1635 322,9

Propriétés

Froid 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

#AF5BBA

#66BA5B

Analogue

#805BBA

#BA5B95

#AF5BBA

Triadique

#AF5BBA

#BAAF5B

#5BBAAF

Complémentaire divisé

#AF5BBA

#95BA5B

#5BBA80

Tétradique

#AF5BBA

#BA805B

#66BA5B

#5B95BA

Simulation de daltonisme

Original

#AF5BBA

Protanopie

#8B8AA3

Deutéranopie

#90969E

Tritanopie

#AB918D

Achromatopsie

#747474

Utilisation CSS

background-color: #AF5BBA;

color: #AF5BBA;

border-color: #AF5BBA;

Tailwind le plus proche : Purple 400 #C084FC

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

4,18:1

AA Fail AAA Fail

Texte sur noir

5,03: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 #AF5BBA?

RGB(175, 91, 186) · HSL(293,1, 40,8%, 54,3%) · CMYK(5,9%, 51,1%, 0,0%, 27,1%)

Does #AF5BBA meet WCAG contrast on white?

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

What text color is readable on #AF5BBA?

Use 000000 text on a #AF5BBA background; contrast on black is 5,03:1.