#AF24BB

#AF24BB

Valeurs de couleur

HEX

#AF24BB

RGB

175, 36, 187

HSL

295,2, 67,7%, 43,7%

HSV

295,2, 80,7%, 73,3%

CMYK

6,4%, 80,7%, 0,0%, 26,7%

OKLCH

0,55 0,2339 324,4

Propriétés

Froid Sombre Le plus proche : darkorchid

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

#AF24BB

#30BB24

Analogue

#6324BB

#BB247C

#AF24BB

Triadique

#AF24BB

#BBAF24

#24BBAF

Complémentaire divisé

#AF24BB

#7CBB24

#24BB63

Tétradique

#AF24BB

#BB6324

#30BB24

#247CBB

Simulation de daltonisme

Original

#AF24BB

Protanopie

#737297

Deutéranopie

#7B858E

Tritanopie

#A87A73

Achromatopsie

#4C4C4C

Utilisation CSS

background-color: #AF24BB;

color: #AF24BB;

border-color: #AF24BB;

Tailwind le plus proche : Fuchsia 700 #A21CAF

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

5,54:1

AA Pass AAA Fail

Texte sur noir

3,79: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 #AF24BB?

RGB(175, 36, 187) · HSL(295,2, 67,7%, 43,7%) · CMYK(6,4%, 80,7%, 0,0%, 26,7%)

Does #AF24BB meet WCAG contrast on white?

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

What text color is readable on #AF24BB?

Use FFFFFF text on a #AF24BB background; contrast on black is 3,79:1.