#F0ABFC

#F0ABFC

Farbwerte

HEX

#F0ABFC

RGB

240, 171, 252

HSL

291,1, 93,1%, 82,9%

HSV

291,1, 32,1%, 98,8%

CMYK

4,8%, 32,1%, 0,0%, 1,2%

OKLCH

0,833 0,1322 321,4

Eigenschaften

Kühl Hell Nächste: plum 1

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

#F0ABFC

#B7FCAB

Analog

#C7ABFC

#FCABDF

#F0ABFC

Triadisch

#F0ABFC

#FCF0AB

#ABFCF0

Split-Komplementär

#F0ABFC

#DFFCAB

#ABFCC7

Tetradisch

#F0ABFC

#FCC7AB

#B7FCAB

#ABDFFC

Farbenblindheits-Simulation

Original

#F0ABFC

Protanopie

#D2D2E8

Deuteranopie

#D6DBE4

Tritanopie

#EDD9D6

Achromatopsie

#C0C0C0

CSS-Verwendung

background-color: #F0ABFC;

color: #F0ABFC;

border-color: #F0ABFC;

Nächster Tailwind-Farbton: Fuchsia 300 #F0ABFC

Tailwind-Farbtöne

Kontrastprüfer

Text auf Weiß

1,76:1

AA Fail AAA Fail

Text auf Schwarz

11,94:1

AA Pass AAA Pass

Vergleichen mit

Teil dieser Kollektionen

Tailwind CSS — Fuchsia

Fuchsia 300

Ä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 #F0ABFC?

RGB(240, 171, 252) · HSL(291,1, 93,1%, 82,9%) · CMYK(4,8%, 32,1%, 0,0%, 1,2%)

Does #F0ABFC meet WCAG contrast on white?

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

What text color is readable on #F0ABFC?

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