#57697c
Shuttle Gray
Nächster Treffer (96% Übereinstimmung)
Farbformate
RGB
rgb(87, 105, 124)
Rot-, Grün- und Blau-Komponenten
HSL
hsl(211, 18%, 41%)
Farbton, Sättigung, Helligkeit
CMYK
cmyk(30, 15, 0, 51)
Druckfarbcodierung
Luminance
0.136
Relative Luminanz
Variationen
Schattierungen (Abdunkeln)
Tönungen (Aufhellen)
Töne (Sättigung reduzieren)
Harmonien
Klicke auf die Farbsegmente, um den Code zu kopieren.
Komplementär (Gegensatz)
#57697c
#7c6a57
Analog (Benachbart)
#577b7c
#57697c
#57577c
Triadisch (Dreieck)
#57697c
#7c5769
#697c57
Split-Komplementär
#57697c
#7c5857
#7b7c57
Vollständige Konvertierungstabelle
HEX
#57697C
RGB
rgb(87,105,124)
RGBA
rgba(87,105,124, 1)
HSL
hsl(210.81,17.54%,41.37%)
OKLCH (Modernes CSS)
oklch(0.51 0.04 250.0)
CSS Variable
--color: #57697c;
CMYK
C: 30% M: 15% Y: 0% K: 51%
Hinweis: Die Umwandlung von Web- (RGB-) Farben in Druck- (CMYK-) Farben ist aufgrund physikalischer Grenzen niemals zu 100 Prozent exakt. Fordere vor dem Druck immer einen Probedruck an.
Android ARGB
0xFF57697C
Swift UIColor
UIColor(red: 0.34, green: 0.41, blue: 0.49, alpha: 1.0)
Dezimal (Int)
5728636
JSON
{ "color": "#57697C" }
CIE LAB
L: 43.6 a: -2.0 b: -12.8
CIE LCH
L: 43.6 C: 12.9 H: 261.3
CIE XYZ
N/A
Vorschau
Lesbarkeit & Typografie
Überschriftentest
Dieser Text demonstriert das Leseerlebnis auf diesem Hintergrund.
Überschriftentest
Dieser Text demonstriert das Leseerlebnis auf diesem Hintergrund.
UI-Komponenten-Set
Dies ist eine Beispiel-Benachrichtigungsleiste mit der gewählten Farbe.
Produkt-Mockup
4582 •••• •••• 9018
KARTENINHABER
JOHN DOE
GÜLTIG
12/28
Mobile Anwendung
Kundensupport
Hallo! Wie können wir dir heute helfen?
Ich liebe diese neue Farbe! 😍
Datenvisualisierung
Wöchentliches Wachstum
+1.240
12.5%1D
1W
1M
WED
2,450
Kontrast
Kontrast und Lesbarkeit (WCAG)
Auf weißem Hintergrund
5.65
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Auf schwarzem Hintergrund
3.72
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Farbenblindheits-Simulator
ORIG
SIM
Protanopie (Rot)
ORIG
SIM
Deuteranopie (Grün)
ORIG
SIM
Tritanopie (Blau)
ORIG
SIM
Monochrom (Farbenblind)
Mischanleitung
So kannst du diese Farbe mit physischen Farben oder Drucktinten mischen.
MIXING PALETTE
54%
40%
6%
RYB PIGMENTS
Elfenbeinschwarz
Pigment
54%
Ultramarinblau
Pigment
40%
Cadmiumgelb
Pigment
6%
Im Gegensatz zu Licht werden Farben beim Mischen von Pigmenten dunkler. Diese Simulation ahmt das Verhalten physischer Pigmente nach.
INK LEVELS
51%
KEY
30%
CYAN
15%
MAGENTA
CMYK INKS
Schwarz (Key)
Ink
51%
Cyan
Ink
30%
Magenta
Ink
15%
Physikalische Eigenschaften
Wahrnehmungs- und lichtbezogene Eigenschaften, die aus der digitalen Farbe berechnet werden.
Spektraler Bezug
Blauer Farbton
450–495 nm • nächstliegender Bereich des sichtbaren Spektrums
750 nm
380 nm
Visuelle Temperatur
Kalt
Wahrnehmungsbasierte Einordnung zwischen warm und kühl. Kelvin ist auf eine beliebige Oberflächenfarbe nicht anwendbar.
Kalt
Neutral
Warm
Luminanz (Helligkeit)
13.6%
Dunkel • relative Luminanz
0%
50%
100%
Eine RGB-Farbe entsteht durch die Kombination mehrerer Lichtanteile des Displays. Der Bereich ist daher ein visueller Vergleich und keine exakte physikalische Wellenlänge.
Verlaufsgalerie
Erstellung von Premium-CSS-Hintergründen und Texturen aus deiner Farbe.
Ähnliche und verwandte Farben
Mathematisch berechnete Harmonien, Schattierungen und ähnliche Töne für diese Farbe.