Nächster Treffer (95% Übereinstimmung)
Farbformate
RGB
HSL
CMYK
Luminance
Schattierungen (Abdunkeln)
Tönungen (Aufhellen)
Töne (Sättigung reduzieren)
Klicke auf die Farbsegmente, um den Code zu kopieren.
Komplementär (Gegensatz)
#2d3748
#483e2d
Analog (Benachbart)
#2d4548
#2d3748
#302d48
Triadisch (Dreieck)
#2d3748
#482d37
#37482d
Split-Komplementär
#2d3748
#48302d
#45482d
Modernes UI / Monochrom
ffffff
b6b9c0
2d3748
323c4c
000000
Marketing / Lebendig
2d3748
003a7f
483e2d
5d2420
FFFFFF
Harmonisch / Natürlich
2d4847
2d4048
2d3748
2d2e48
352d48
Pop-Art / Trendig
2d3748
5e4159
503c0f
19341e
786c8b
HEX
#2D3748
RGB
rgb(45,55,72)
RGBA
rgba(45,55,72, 1)
HSL
hsl(217.78,23.08%,22.94%)
OKLCH (Modernes CSS)
oklch(0.34 0.03 260.9)
CSS Variable
--color: #2d3748;
CMYK
C: 37% M: 24% Y: 0% K: 72%
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
0xFF2D3748
Swift UIColor
UIColor(red: 0.18, green: 0.22, blue: 0.28, alpha: 1.0)
Dezimal (Int)
2963272
JSON
{ "color": "#2D3748" }
CIE LAB
L: 22.9 a: 0.7 b: -11.8
CIE LCH
L: 22.9 C: 11.8 H: 273.5
CIE XYZ
N/A
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
Modern
Wir erzählen mit Farben
Aa
Die Wahl der richtigen Schriftart ist entscheidend für Markenidentität und Nutzererlebnis.
700 Bold
'Inter'
400 Regular
'Inter'
Technologisch
Wir erzählen mit Farben
Aa
Die Wahl der richtigen Schriftart ist entscheidend für Markenidentität und Nutzererlebnis.
700 Bold
'JetBrains Mono'
400 Regular
-apple-system
Futuristisch
Wir erzählen mit Farben
Aa
Die Wahl der richtigen Schriftart ist entscheidend für Markenidentität und Nutzererlebnis.
700 Bold
'Orbitron'
400 Regular
'Rajdhani'
Brutalistisch
Wir erzählen mit Farben
Aa
Die Wahl der richtigen Schriftart ist entscheidend für Markenidentität und Nutzererlebnis.
700 Bold
'Oswald'
400 Regular
'Arial Black'
Auf weißem Hintergrund
11.99
Kleiner Text (14pt)
The quick brown fox jumps over...
AA
AAA
Großer Text / UI (18pt Bold)
AA
AAA
Auf schwarzem Hintergrund
1.75
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)
Die emotionale, psychologische und kulturelle Wirkung der Farbe – wissenschaftlich fundierte Analyse.
Dominante Ausstrahlung
Vertrauen
Charakterbeschreibung der Farbe
Emotionale Wirkungen
Symbolische Bedeutungen
Empfohlene Branchen
Mögliche negative Effekte
Basis
#2D3748
Ergebnis
#2D3748
Helligkeit
Sättigung
Farbton
Temperatur
Mischfarbe
Mischfarbe
#808080
Mischverhältnis
50%Basis
#2D3748
0%+
Mischfarbe
#808080
100%Ergebnis
#565A63
50% MixMIXING PALETTE
84%
15%
2%
RYB PIGMENTS
Elfenbeinschwarz
Pigment
84%
Ultramarinblau
Pigment
15%
Cadmiumgelb
Pigment
2%
Im Gegensatz zu Licht werden Farben beim Mischen von Pigmenten dunkler. Diese Simulation ahmt das Verhalten physischer Pigmente nach.
INK LEVELS
72%
KEY
37%
CYAN
24%
MAGENTA
CMYK INKS
Schwarz (Key)
Ink
72%
Cyan
Ink
37%
Magenta
Ink
24%
Wissenschaftliche Daten der Farbe: Optik und Energie.
Wellenlänge
466 nm
644 THz • 2.66 eV
750nm
380nm
Farbtemperatur
Kalt
~5000-10000K
Kalt
Warm
Luminanz (Helligkeit)
3.8%
Sötét / Dark
0%
50%
100%
Tailwind CSS
Original
Standard
gray-700
#374151
ΔE: 3.3
Google Material
Original
Standard
Blue Grey 900
#263238
ΔE: 7.3
CSS-Farbname
Original
Standard
DarkSlateBlue
#483D8B
ΔE: 13.6
Apple-System (iOS)
Original
Standard
System Graphite
#48484A
ΔE: 10.1
Pantone (PMS)
Original
Standard
PMS 19-4024 dress-blues
#2A3244
ΔE: 2.1
RAL Classic
Original
Standard
RAL 5011 Steel blue
#1A2B3C
ΔE: 4.9
Copic Marker
Original
Standard
Slate
#2e4256
ΔE: 4.8
CSS-Variable
1
2
3
4
5
:root {
--color-primary: #2d3748;
--rgb-primary: 45, 55, 72;
}SCSS-Variable
1
2
3
4
5
$color-primary: #2d3748;
$rgb-primary: (45, 55, 72);Tailwind-Konfiguration
1
2
3
4
5
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'primary': '#2d3748',
}
}
}
}React Native
1
2
3
4
5
const styles = StyleSheet.create({
container: {
backgroundColor: '#2d3748',
},
text: {
color: '#2d3748',
}
});SwiftUI (iOS)
1
2
3
4
5
// SwiftUI
let primaryColor = Color(
red: 0.17647058823529413,
green: 0.21568627450980393,
blue: 0.2823529411764706
)Vollständige JSON-Daten
1
2
3
4
5
{
"name": "Oxford Blue",
"hex": "#2d3748",
"rgb": {
"r": 45,
"g": 55,
"b": 72
},
"hsl": {
"h": 218,
"s": 23,
"l": 23
}
}Sonnenuntergang
Tiefsee
Dynamischer Kontrast
Nächtliches Duotone
Eisiges Duotone
Weicher Nebel
Aurora Borealis
Neon-Netz
Farbkreis
Radar
Scheinwerferlicht
Körniges Papier
Retro-Streifen
Sprache wählen
Thema wählen
© 2026 ReadyTools. Alle Rechte vorbehalten.