#F397DC

#F397DC

Farbwerte

HEX

#F397DC

RGB

243, 151, 220

HSL

315,0, 79,3%, 77,3%

HSV

315,0, 37,9%, 95,3%

CMYK

0,0%, 37,9%, 9,5%, 4,7%

OKLCH

0,7915 0,1391 336,6

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

#F397DC

#97F3AE

Analog

#DC97F3

#F397AE

#F397DC

Triadisch

#F397DC

#DCF397

#97DCF3

Split-Komplementär

#F397DC

#AEF397

#97F3DC

Tetradisch

#F397DC

#F3DC97

#97F3AE

#97AEF3

Farbenblindheits-Simulation

Original

#F397DC

Protanopie

#CBCACB

Deuteranopie

#D0D7C7

Tritanopie

#EEBEBB

Achromatopsie

#B0B0B0

CSS-Verwendung

background-color: #F397DC;

color: #F397DC;

border-color: #F397DC;

Nächster Tailwind-Farbton: Fuchsia 300 #F0ABFC

Tailwind-Farbtöne

Kontrastprüfer

Text auf Weiß

2,04:1

AA Fail AAA Fail

Text auf Schwarz

10,27: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 #F397DC?

RGB(243, 151, 220) · HSL(315,0, 79,3%, 77,3%) · CMYK(0,0%, 37,9%, 9,5%, 4,7%)

Does #F397DC meet WCAG contrast on white?

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

What text color is readable on #F397DC?

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