#F856AF

#F856AF

Valeurs de couleur

HEX

#F856AF

RGB

248, 86, 175

HSL

327,0, 92,0%, 65,5%

HSV

327,0, 65,3%, 97,3%

CMYK

0,0%, 65,3%, 29,4%, 2,7%

OKLCH

0,6955 0,2143 350,2

Propriétés

Chaud Clair Le plus proche : Magenta

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

#F856AF

#56F89F

Analogue

#F056F8

#F8565E

#F856AF

Triadique

#F856AF

#AFF856

#56AFF8

Complémentaire divisé

#F856AF

#5EF856

#56F8F0

Tétradique

#F856AF

#F8F056

#56F89F

#565EF8

Simulation de daltonisme

Original

#F856AF

Protanopie

#B2B099

Deutéranopie

#BBC794

Tritanopie

#F08885

Achromatopsie

#7F7F7F

Utilisation CSS

background-color: #F856AF;

color: #F856AF;

border-color: #F856AF;

Tailwind le plus proche : Pink 500 #EC4899

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

3,03:1

AA Fail AAA Fail

Texte sur noir

6,94: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 #F856AF?

RGB(248, 86, 175) · HSL(327,0, 92,0%, 65,5%) · CMYK(0,0%, 65,3%, 29,4%, 2,7%)

Does #F856AF meet WCAG contrast on white?

3,03:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #F856AF?

Use 000000 text on a #F856AF background; contrast on black is 6,94:1.