#684bb0
Studio
Nächster Treffer (98% Übereinstimmung)
Farbformate
RGB
rgb(104, 75, 176)
Rot-, Grün- und Blau-Komponenten
HSL
hsl(257, 40%, 49%)
Farbton, Sättigung, Helligkeit
CMYK
cmyk(41, 57, 0, 31)
Druckfarbcodierung
Luminance
0.111
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)
#684bb0
#93b04b
Analog (Benachbart)
#4b60b0
#684bb0
#9a4bb0
Triadisch (Dreieck)
#684bb0
#b0684b
#4bb068
Split-Komplementär
#684bb0
#b09a4b
#61b04b
Vollständige Konvertierungstabelle
HEX
#684BB0
RGB
rgb(104,75,176)
RGBA
rgba(104,75,176, 1)
HSL
hsl(257.23,40.24%,49.22%)
OKLCH (Modernes CSS)
oklch(0.50 0.15 293.2)
CSS Variable
--color: #684bb0;
CMYK
C: 41% M: 57% Y: 0% K: 31%
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
0xFF684BB0
Swift UIColor
UIColor(red: 0.41, green: 0.29, blue: 0.69, alpha: 1.0)
Dezimal (Int)
6835120
JSON
{ "color": "#684BB0" }
CIE LAB
L: 39.8 a: 36.1 b: -49.9
CIE LCH
L: 39.8 C: 61.5 H: 305.9
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
6.52
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Auf schwarzem Hintergrund
3.22
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
72%
24%
3%
RYB PIGMENTS
Ultramarinblau
Pigment
72%
Cadmiumrot
Pigment
24%
Elfenbeinschwarz
Pigment
3%
Im Gegensatz zu Licht werden Farben beim Mischen von Pigmenten dunkler. Diese Simulation ahmt das Verhalten physischer Pigmente nach.
INK LEVELS
57%
MAGENTA
41%
CYAN
31%
KEY
CMYK INKS
Magenta
Ink
57%
Cyan
Ink
41%
Schwarz (Key)
Ink
31%
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)
11.1%
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.