Farbpaletten

Farbe Ocker

Ein natürliches Erdpigment mit Eisenoxid, das schon in Höhlenmalereien verwendet wurde. Es ist ein erdiges, gelbliches Braun. Man findet es an mediterranen Fassaden, bei Keramik und in Boho-Einrichtung.

Auch genannt: Ockergelb, Gelber Ocker.

Ocker · #CC7722

Fakten zur Farbe Ocker

Ocker (#CC7722) ist ein Farbton, der warm, mittelhell und mittel gesättigt wirkt. Er gehört zur Familie der Brauntöne. Er besteht aus 204 Rot, 119 Grün und 34 Blau (von 255). Typische Einsatzbereiche: Kunst, Einrichtung, Architektur.

Farbtöne von Ocker: hell und dunkel

Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.

Farben, die zu Ocker passen

PetrolEin sehr eleganter Warm-kalt-Kontrast.OlivgrünEine natürliche Erdton-Palette.WeißHellt Ocker auf.MokkaHerbstliche Tiefe.GrauBeruhigt Ocker und macht es moderner.TerrakottaEine warme Erdton-Palette.MarineblauEleganz und Kontrast.CremeEine sanfte, warme Basis.
So kombinierst du Ocker in Mode und Einrichtung →

Farbharmonien mit Ocker

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Französischblau
AnalogÄhnlich wie: Zinnoberrot, Maisgelb
TriadeÄhnlich wie: Smaragdgrün, Lila
Geteilt komplementärÄhnlich wie: Dunkeltürkis, Lila
TetradeÄhnlich wie: Grasgrün, Französischblau, Magenta

Farbpaletten mit Ocker

Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.

Farbpalette monochrom · Ocker
Farbpalette analog · Ocker
Farbpalette komplementär · Ocker
Farbpalette Triade · Ocker
Farbpalette mit Neutraltönen · Ocker
Farbpalette mit Akzent · Ocker

Kontrast von Ocker mit Text

Weißer TextKontrast 3.4:1 · AA großer Text
Schwarzer TextKontrast 6.2:1 · AA

Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.

CSS-Code

:root {
  --ocker: #CC7722;
  --ocker-rgb: 204, 119, 34;
}
.hintergrund { background-color: var(--ocker); }
.text { color: var(--ocker); }

Ähnliche Farben wie Ocker

BronzeZimtbraunKupferKarottenorangeKaramellGebranntes OrangeBraunMandarineHoniggelbKoralle

Farbpaletten nach Thema mit dieser Farbe

Halloween Farbpaletten

Weitere Brauntöne

BraunKaffeebraunSchokobraunMahagoniKastanienbraunZimtbraunSepiaKaramellCamelMokkaKhakiSandBeigeNudeBronzeTabakbraunSienaMilchkaffee

Häufige Fragen

Welchen Farbcode hat Ocker?

Der HEX-Code von Ocker ist #CC7722. In RGB ist es rgb(204, 119, 34), in HSL hsl(30, 71%, 47%) und in CMYK 0, 42, 83, 20.

Was ist die Komplementärfarbe zu Ocker?

Die Komplementärfarbe im Farbkreis ist #2277CC, ein Ton in der Nähe von Französischblau. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.

Kann man weißen Text auf Ocker verwenden?

Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 3.4:1, zu Schwarz dagegen 6.2:1.

Welche Farben passen zu Ocker?

Gut dazu passen Petrol, Olivgrün, Weiß, Mokka, Grau. Kombiniere es nicht mit Zitronengelb oder knalligem Orange, sonst wirkt Ocker schmutzig. Mit Kaugummirosa beißt es sich.