#F77CC8

#F77CC8

Valeurs de couleur

HEX

#F77CC8

RGB

247, 124, 200

HSL

322,9, 88,5%, 72,7%

HSV

322,9, 49,8%, 96,9%

CMYK

0,0%, 49,8%, 19,0%, 3,1%

OKLCH

0,7491 0,1728 344,1

Propriétés

Chaud Clair Le plus proche : hotpink 1

Psychologie des couleurs

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

Harmonies de couleurs

Complémentaire

#F77CC8

#7CF7AB

Analogue

#E87CF7

#F77C8A

#F77CC8

Triadique

#F77CC8

#C8F77C

#7CC8F7

Complémentaire divisé

#F77CC8

#8AF77C

#7CF7E8

Tétradique

#F77CC8

#F7E87C

#7CF7AB

#7C8AF7

Simulation de daltonisme

Original

#F77CC8

Protanopie

#C2C1B6

Deutéranopie

#C9D2B1

Tritanopie

#F1A7A4

Achromatopsie

#9C9C9C

Utilisation CSS

background-color: #F77CC8;

color: #F77CC8;

border-color: #F77CC8;

Tailwind le plus proche : Pink 400 #F472B6

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

2,42:1

AA Fail AAA Fail

Texte sur noir

8,67:1

AA Pass AAA Pass

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 #F77CC8?

RGB(247, 124, 200) · HSL(322,9, 88,5%, 72,7%) · CMYK(0,0%, 49,8%, 19,0%, 3,1%)

Does #F77CC8 meet WCAG contrast on white?

2,42:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #F77CC8?

Use 000000 text on a #F77CC8 background; contrast on black is 8,67:1.