#F296DC

#F296DC

Farbwerte

HEX

#F296DC

RGB

242, 150, 220

HSL

314,3, 78,0%, 76,9%

HSV

314,3, 38,0%, 94,9%

CMYK

0,0%, 38,0%, 9,1%, 5,1%

OKLCH

0,7888 0,14 336,2

Eigenschaften

Warm Hell Nächste: plum

Farbpsychologie

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.

Farbharmonien

Komplementär

#F296DC

#96F2AC

Analog

#DA96F2

#F296AE

#F296DC

Triadisch

#F296DC

#DCF296

#96DCF2

Split-Komplementär

#F296DC

#AEF296

#96F2DA

Tetradisch

#F296DC

#F2DA96

#96F2AC

#96AEF2

Farbenblindheits-Simulation

Original

#F296DC

Protanopie

#CAC9CB

Deuteranopie

#D0D6C7

Tritanopie

#EDBEBB

Achromatopsie

#AFAFAF

CSS-Verwendung

background-color: #F296DC;

color: #F296DC;

border-color: #F296DC;

Nächster Tailwind-Farbton: Fuchsia 300 #F0ABFC

Tailwind-Farbtöne

Kontrastprüfer

Text auf Weiß

2,06:1

AA Fail AAA Fail

Text auf Schwarz

10,17:1

AA Pass AAA Pass

Vergleichen mit

Ähnliche Artikel

CSS color-mix(): Farben nativ im Browser mischen

Jan 26, 2026

Einen Farbwähler als Web Component von Grund auf bauen

Jan 21, 2026

Perzeptuelle Farbräume: Lab, LCH, Oklab, OKLCH

Jan 15, 2026

Häufig gestellte Fragen

What are the RGB, HSL, and CMYK values of #F296DC?

RGB(242, 150, 220) · HSL(314,3, 78,0%, 76,9%) · CMYK(0,0%, 38,0%, 9,1%, 5,1%)

Does #F296DC meet WCAG contrast on white?

2,06:1 — WCAG AA Nicht bestanden, AAA Nicht bestanden for normal text.

What text color is readable on #F296DC?

Use 000000 text on a #F296DC background; contrast on black is 10,17:1.