#F77CC6

#F77CC6

Valeurs de couleur

HEX

#F77CC6

RGB

247, 124, 198

HSL

323,9, 88,5%, 72,7%

HSV

323,9, 49,8%, 96,9%

CMYK

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

OKLCH

0,7483 0,1716 345,0

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

#F77CC6

#7CF7AD

Analogue

#EA7CF7

#F77C88

#F77CC6

Triadique

#F77CC6

#C6F77C

#7CC6F7

Complémentaire divisé

#F77CC6

#88F77C

#7CF7EA

Tétradique

#F77CC6

#F7EA7C

#7CF7AD

#7C88F7

Simulation de daltonisme

Original

#F77CC6

Protanopie

#C2C1B4

Deutéranopie

#C9D2B0

Tritanopie

#F1A6A3

Achromatopsie

#9B9B9B

Utilisation CSS

background-color: #F77CC6;

color: #F77CC6;

border-color: #F77CC6;

Tailwind le plus proche : Pink 400 #F472B6

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

2,43:1

AA Fail AAA Fail

Texte sur noir

8,65: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 #F77CC6?

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

Does #F77CC6 meet WCAG contrast on white?

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

What text color is readable on #F77CC6?

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