#AF72A8

#AF72A8

Farbwerte

HEX

#AF72A8

RGB

175, 114, 168

HSL

306,9, 27,6%, 56,7%

HSV

306,9, 34,9%, 68,6%

CMYK

0,0%, 34,9%, 4,0%, 31,4%

OKLCH

0,6343 0,1056 330,9

Eigenschaften

Warm Hell Nächste: Violet (Purple)

Farbpsychologie

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Farbharmonien

Komplementär

#AF72A8

#72AF79

Analog

#9872AF

#AF728A

#AF72A8

Triadisch

#AF72A8

#A8AF72

#72A8AF

Split-Komplementär

#AF72A8

#8AAF72

#72AF98

Tetradisch

#AF72A8

#AF9872

#72AF79

#728AAF

Farbenblindheits-Simulation

Original

#AF72A8

Protanopie

#95949B

Deuteranopie

#989D98

Tritanopie

#AC918E

Achromatopsie

#838383

CSS-Verwendung

background-color: #AF72A8;
color: #AF72A8;
border-color: #AF72A8;
Nächster Tailwind-Farbton: Pink 300 #F9A8D4

Tailwind-Farbtöne

50
#F9F6F9
100
#F1E9F0
200
#E5D1E3
300
#D3B1CF
400
#BB87B5
500
#A35C9B
600
#824A7C
700
#683B63
800
#512E4D
900
#3C243A
950
#261724

Kontrastprüfer

Text auf Weiß

3,62:1

AA Fail AAA Fail

Text auf Schwarz

5,8:1

AA Pass AAA Fail

Vergleichen mit

#AF72A8
#72AF79
#AF72A8
#FFFFFF
#000000
#AF72A8

Ähnliche Artikel

Tutorials

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

Jan 26, 2026
Tutorials

Einen Farbwähler als Web Component von Grund auf bauen

Jan 21, 2026
Tutorials

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

Jan 15, 2026

Häufig gestellte Fragen

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

RGB(175, 114, 168) · HSL(306,9, 27,6%, 56,7%) · CMYK(0,0%, 34,9%, 4,0%, 31,4%)

Does #AF72A8 meet WCAG contrast on white?

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

What text color is readable on #AF72A8?

Use 000000 text on a #AF72A8 background; contrast on black is 5,8:1.