Zum Farbwähler springen

Farbe #ccaa86: Staubiges helles Bernstein

#ccaa86 ist rgb(204, 170, 134) in RGB und oklch(75.933% 0.063 68.254) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

31°
100 %

75,9 %
0,063
68°
  • Bernstein
  • Hell
  • Sanft
  • Staubig
  • Warm
  • ≈ Hellbraun
  • olive-400
  • Schwarz 20 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.17:1Schwer lesbar
Lc -47
Schwarzer Text
9.66:1Gut lesbar · AA
Lc 61

Abstufungen

Von der hellsten zur dunkelsten. Klick auf eine Stufe, um sie zu übernehmen.

Harmonien

Als Palette öffnen

Zuletzt

Farben, die du auswählst oder kopierst, erscheinen hier. Sie bleiben auf diesem Gerät.

Über #ccaa86

#ccaa86 ist ein staubiges helles bernstein. In OKLCH hat die Farbe die Helligkeit 75,9 %, das Chroma 0.063 und den Farbton 68°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 2.17:1, schwarzer Text 9.66:1. Besser lesbar ist also schwarzer Text.

Die nächste benannte Farbe ist Hellbraun (#d2b48c). In Tailwind CSS kommt olive-400 am nächsten.

Mehr helle bernsteinfarbene farben

Heller: #ccaa86 mit Weiß gemischt

  1. ccaa86
  2. d1b292
  3. d6bb9e
  4. dcc3aa
  5. e1ccb6
  6. e6d4c2
  7. ebddce
  8. f0e5da
  9. f5eee6
  10. faf6f3

Dunkler: #ccaa86 mit Schwarz gemischt

  1. ccaa86
  2. b19374
  3. 977d62
  4. 7e6851
  5. 655340
  6. 4e3f30
  7. 372d21
  8. 221b13
  9. 0f0b06
  10. 020101

Ruhiger: #ccaa86 mit weniger Sättigung

  1. ccaa86
  2. c9ab8b
  3. c7ac8f
  4. c4ac93
  5. c1ad98
  6. bfae9c
  7. bcaea0
  8. b9afa4
  9. b6b0a9
  10. b4b0ad

Ähnliche benannte Farben

Farben, die zu #ccaa86 passen

Komplementär
#ccaa86#92b5d8
Analog
#ccaa86#d5a494#bbb284
Triadisch
#ccaa86#82beb8#bca7d0
Split
#ccaa86#83bbcc#a7aed9

Fragen zu #ccaa86

Welche Farbe ist #ccaa86?

#ccaa86 ist ein staubiges helles bernstein. Die nächste benannte Farbe ist Staubiges helles Bernstein. In RGB ist das rgb(204, 170, 134), in HSL hsl(30.86, 40.7%, 66.27%) und in OKLCH oklch(75.933% 0.063 68.254).

Welche Farben passen zu #ccaa86?

Die Komplementärfarbe von #ccaa86 ist #92b5d8. Ruhiger wirkt die Kombination mit den analogen Farben #d5a494 und #bbb284. Die triadischen Partner sind #82beb8 und #bca7d0.

Ist weißer oder schwarzer Text auf #ccaa86 besser lesbar?

Schwarzer Text ist auf #ccaa86 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 2.17:1, Schwarz 9.66:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #ccaa86 eine warme oder kühle Farbe?

#ccaa86 wirkt warm. In OKLCH liegt der Farbton bei 68 Grad, die Helligkeit bei 75,9 % und das Chroma bei 0.063.