#F396DB

#F396DB

Farbwerte

HEX

#F396DB

RGB

243, 150, 219

HSL

315,5, 79,5%, 77,1%

HSV

315,5, 38,3%, 95,3%

CMYK

0,0%, 38,3%, 9,9%, 4,7%

OKLCH

0,7896 0,14 337,0

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

#F396DB

#96F3AE

Analog

#DD96F3

#F396AD

#F396DB

Triadisch

#F396DB

#DBF396

#96DBF3

Split-Komplementär

#F396DB

#ADF396

#96F3DD

Tetradisch

#F396DB

#F3DD96

#96F3AE

#96ADF3

Farbenblindheits-Simulation

Original

#F396DB

Protanopie

#CBCACA

Deuteranopie

#D0D7C6

Tritanopie

#EEBDBA

Achromatopsie

#AFAFAF

CSS-Verwendung

background-color: #F396DB;

color: #F396DB;

border-color: #F396DB;

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

RGB(243, 150, 219) · HSL(315,5, 79,5%, 77,1%) · CMYK(0,0%, 38,3%, 9,9%, 4,7%)

Does #F396DB meet WCAG contrast on white?

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

What text color is readable on #F396DB?

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