#F296DF

#F296DF

Farbwerte

HEX

#F296DF

RGB

242, 150, 223

HSL

312,4, 78,0%, 76,9%

HSV

312,4, 38,0%, 94,9%

CMYK

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

OKLCH

0,79 0,1425 334,8

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

#F296DF

#96F2A9

Analog

#D796F2

#F296B1

#F296DF

Triadisch

#F296DF

#DFF296

#96DFF2

Split-Komplementär

#F296DF

#B1F296

#96F2D7

Tetradisch

#F296DF

#F2D796

#96F2A9

#96B1F2

Farbenblindheits-Simulation

Original

#F296DF

Protanopie

#CAC9CD

Deuteranopie

#D0D6C9

Tritanopie

#EDBFBC

Achromatopsie

#AFAFAF

CSS-Verwendung

background-color: #F296DF;

color: #F296DF;

border-color: #F296DF;

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,2: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 #F296DF?

RGB(242, 150, 223) · HSL(312,4, 78,0%, 76,9%) · CMYK(0,0%, 38,0%, 7,9%, 5,1%)

Does #F296DF meet WCAG contrast on white?

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

What text color is readable on #F296DF?

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