#F4ABDF

#F4ABDF

Valeurs de couleur

HEX

#F4ABDF

RGB

244, 171, 223

HSL

317,3, 76,8%, 81,4%

HSV

317,3, 29,9%, 95,7%

CMYK

0,0%, 29,9%, 8,6%, 4,3%

OKLCH

0,8263 0,1078 337,6

Propriétés

Chaud Clair Le plus proche : Orchid

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

#F4ABDF

#ABF4C0

Analogue

#E5ABF4

#F4ABBB

#F4ABDF

Triadique

#F4ABDF

#DFF4AB

#ABDFF4

Complémentaire divisé

#F4ABDF

#BBF4AB

#ABF4E5

Tétradique

#F4ABDF

#F4E5AB

#ABF4C0

#ABBBF4

Simulation de daltonisme

Original

#F4ABDF

Protanopie

#D4D4D2

Deutéranopie

#D9DECF

Tritanopie

#F0C8C6

Achromatopsie

#BEBEBE

Utilisation CSS

background-color: #F4ABDF;

color: #F4ABDF;

border-color: #F4ABDF;

Tailwind le plus proche : Pink 300 #F9A8D4

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

1,79:1

AA Fail AAA Fail

Texte sur noir

11,74: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 #F4ABDF?

RGB(244, 171, 223) · HSL(317,3, 76,8%, 81,4%) · CMYK(0,0%, 29,9%, 8,6%, 4,3%)

Does #F4ABDF meet WCAG contrast on white?

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

What text color is readable on #F4ABDF?

Use 000000 text on a #F4ABDF background; contrast on black is 11,74:1.