#4ba2c2

ReadyTools

ReadyTools-Datenbank (Exakt)

Pelorous

~94% match

Farbformate

RGB

rgb(75, 162, 194)

Rot-, Grün- und Blau-Komponenten

HSL

hsl(196, 49%, 53%)

Farbton, Sättigung, Helligkeit

CMYK

cmyk(61, 16, 0, 24)

Druckfarbcodierung

Luminance

0.312

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)

#4ba2c2

#c26b4b

Analog (Benachbart)

#4bc2a7

#4ba2c2

#4b66c2

Triadisch (Dreieck)

#4ba2c2

#c24ba2

#a2c24b

Split-Komplementär

#4ba2c2

#c24b66

#c2a64b

Vollständige Konvertierungstabelle

HEX

#4BA2C2

RGB

rgb(75,162,194)

RGBA

rgba(75,162,194, 1)

HSL

hsl(196.13,49.38%,52.75%)

OKLCH (Modernes CSS)

oklch(0.67 0.10 225.1)

CSS Variable

--color: #4ba2c2;

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.

SOLIDSOFTOUTLINE

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%

WED

2,450

Lesbarkeit

Kontrast und Lesbarkeit (WCAG)

Auf weißem Hintergrund

2.90

Kleiner Text (14pt)

The quick brown fox jumps over...

AAA

Großer Text / UI (18pt Bold)

AAA

Auf schwarzem Hintergrund

7.25

Kleiner Text (14pt)

The quick brown fox jumps over...

AAA

Großer Text / UI (18pt Bold)

AAA

Farbenblindheits-Simulator

ORIG

SIM

Protanopie (Rot)

#4ba2c2#b0b0c2

ORIG

SIM

Deuteranopie (Grün)

#4ba2c2#766fc2

ORIG

SIM

Tritanopie (Blau)

#4ba2c2#4f6c79

ORIG

SIM

Monochrom (Farbenblind)

#4ba2c2#989898

Mischanleitung

So kannst du diese Farbe mit physischen Farben oder Drucktinten mischen.

MIXING PALETTE

73%

16%

11%

RYB PIGMENTS

Ultramarinblau

Pigment

73%

Cadmiumgelb

Pigment

16%

Titanweiß

Pigment

11%

Im Gegensatz zu Licht werden Farben beim Mischen von Pigmenten dunkler. Diese Simulation ahmt das Verhalten physischer Pigmente nach.

Physikalische Eigenschaften

Wahrnehmungs- und lichtbezogene Eigenschaften, die aus der digitalen Farbe berechnet werden.

Spektraler Bezug

Cyanfarbener Farbton

485–500 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)

31.2%

Dunkel • relative Luminanz

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.

Farbpaletten-Übereinstimmungen

Finde die nächste Entsprechung in nützlichen digitalen und physischen Farbpaletten.

Tailwind CSS

ΔE 6.6

Deine Farbe

Nächste Farbe

cyan-600

#0891b2

Material Design 2

ΔE 7.3

Deine Farbe

Nächste Farbe

Cyan 600

#00ACC1

Benannte CSS-Farben

ΔE 10.4

Deine Farbe

Nächste Farbe

DeepSkyBlue

#00BFFF

Bootstrap 5

ΔE 4.1

Deine Farbe

Nächste Farbe

cyan-600

#0AA2C0

Open Color

ΔE 6.8

Deine Farbe

Nächste Farbe

cyan-6

#15AABF

#4ba2c2

ReadyTools

Pelorous

rgb(75, 162, 194)

Rot-, Grün- und Blau-Komponenten

hsl(196, 49%, 53%)

Farbton, Sättigung, Helligkeit

cmyk(61, 16, 0, 24)

Druckfarbcodierung

0.312

Relative Luminanz

Variationen

Harmonien

Vollständige Konvertierungstabelle

Vorschau

Lesbarkeit

Kontrast und Lesbarkeit (WCAG)

Mischanleitung

So kannst du diese Farbe mit physischen Farben oder Drucktinten mischen.

Physikalische Eigenschaften

Farbpaletten-Übereinstimmungen

Finde die nächste Entsprechung in nützlichen digitalen und physischen Farbpaletten.

Designsystem und Code

Verlaufsgalerie

Erstellung von Premium-CSS-Hintergründen und Texturen aus deiner Farbe.