Farbe #FB5581 (Warm Pink)

Der Hexadezimalcode #FB5581 entspricht der Farbe Warm Pink. Im Folgenden kannst du ihre genauen Werte in RGB, HSL und CMYK sehen, ihren Kontrast auf weißem und schwarzem Hintergrund überprüfen und ähnliche und komplementäre Farben innerhalb der Familie der rosa entdecken.

HEX-Code#FB5581
RGB-Codergb(251, 85, 129)
HSL-Codehsl(344.1, 95.4%, 65.9%)
CMYK-Codecmyk(0%, 66%, 49%, 2%)
FarbfamilieRosa

Kontrast und Barrierefreiheit (WCAG)

Auf weißem Hintergrund: 3.13:1
AA ✕
AAA ✕
Auf schwarzem Hintergrund: 6.72:1
AA ✓
AAA ✕
Im Farbkonverter öffnen Eine Palette mit dieser Farbe erstellen

Komplementärfarbe

Whirlpool
#A5D8CD

Ähnliche Farben

Erkunde Farben nach Familie

Über 469 benannte Farben mit ihren HEX-, RGB-, HSL- und CMYK-Codes, organisiert in 12 Farbfamilien.

Wie man die Farbe Warm Pink verwendet

1

Wenden Sie es in Ihrem CSS oder Design an

Kopiere den Code #FB5581 und verwende ihn direkt in deinem Stylesheet, z. B. background-color: #FB5581; oder color: #FB5581;. Wenn du den Wert in einem anderen Format benötigst, konvertiere ihn mit unserem Farbkonverter zu RGB, HSL oder CMYK.

2

Kombiniere es mit anderen Farben

Teste Warm Pink zusammen mit seiner Komplementärfarbe oder mit ähnlichen Tönen aus der rosa-Familie, die wir unten zeigen, oder generiere eine vollständige Palette aus dieser Farbe mit dem Palettengenerator.

3

Überprüfe die Barrierefreiheit

Bevor du Warm Pink als Text- oder Hintergrundfarbe verwendest, überprüfe das oben angegebene Kontrastverhältnis zu Weiß und Schwarz oder analysiere jede beliebige Kombination im Kontrastprüfer, um sicherzustellen, dass sie die WCAG-AA- und AAA-Stufen erfüllt.

Häufige Fragen

Welche Farbe ist #FB5581?

+

Der Code #FB5581 entspricht der Farbe Warm Pink aus der Familie der rosa.

Welche Farben passen gut zu Warm Pink?

+

Du kannst die Komplementärfarbe und mehrere ähnliche Farben unten sehen oder eine vollständige Farbpalette aus Warm Pink mit unserem Palettengenerator erstellen.

Ist die Farbe Warm Pink für Text barrierefrei?

+

Das hängt vom Hintergrund ab: Überprüfe das Kontrastverhältnis auf Weiß und Schwarz oben, um zu sehen, ob es die WCAG-AA- und AAA-Zugänglichkeitsstufen erfüllt.

Haben wir dir geholfen? Hilf uns, es bekannt zu machen!
Teile PDFDocks mit jedem, der es gebrauchen könnte.