#33668d
Calypso
Nächster Treffer (93% Übereinstimmung)
Farbformate
RGB
rgb(51, 102, 141)
Rot-, Grün- und Blau-Komponenten
HSL
hsl(206, 47%, 38%)
Farbton, Sättigung, Helligkeit
CMYK
cmyk(64, 28, 0, 45)
Druckfarbcodierung
Luminance
0.121
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)
#33668d
#8d5a33
Analog (Benachbart)
#338d87
#33668d
#33398d
Triadisch (Dreieck)
#33668d
#8d3366
#668d33
Split-Komplementär
#33668d
#8d3339
#8d8733
Vollständige Konvertierungstabelle
HEX
#33668D
RGB
rgb(51,102,141)
RGBA
rgba(51,102,141, 1)
HSL
hsl(206,46.88%,37.65%)
OKLCH (Modernes CSS)
oklch(0.49 0.08 243.8)
CSS Variable
--color: #33668d;
CMYK
C: 64% M: 28% Y: 0% K: 45%
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
0xFF33668D
Swift UIColor
UIColor(red: 0.20, green: 0.40, blue: 0.55, alpha: 1.0)
Dezimal (Int)
3368589
JSON
{ "color": "#33668D" }
CIE LAB
L: 41.4 a: -4.4 b: -26.6
CIE LCH
L: 41.4 C: 27.0 H: 260.6
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.13
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Auf schwarzem Hintergrund
3.43
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
50%
41%
8%
RYB PIGMENTS
Ultramarinblau
Pigment
50%
Elfenbeinschwarz
Pigment
41%
Cadmiumgelb
Pigment
8%
Im Gegensatz zu Licht werden Farben beim Mischen von Pigmenten dunkler. Diese Simulation ahmt das Verhalten physischer Pigmente nach.
INK LEVELS
64%
CYAN
45%
KEY
28%
MAGENTA
CMYK INKS
Cyan
Ink
64%
Schwarz (Key)
Ink
45%
Magenta
Ink
28%
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)
12.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.