Zum Farbwähler springen

Farbe #ccbb64: Sanftes helles Gelb

#ccbb64 ist rgb(204, 187, 100) in RGB und oklch(78.815% 0.10993 98.501) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

50°
100 %

78,8 %
0,110
99°
  • Gelb
  • Hell
  • Sanft
  • Warm
  • ≈ Sand
  • yellow-500
  • Schwarz 20 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.93:1Schwer lesbar
Lc -41
Schwarzer Text
10.86:1Gut lesbar · AA
Lc 67

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 #ccbb64

#ccbb64 ist ein sanftes helles gelb. In OKLCH hat die Farbe die Helligkeit 78,8 %, das Chroma 0.11 und den Farbton 99°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Sand (#c2b280). In Tailwind CSS kommt yellow-500 am nächsten.

Mehr helle gelbe farben

Heller: #ccbb64 mit Weiß gemischt

  1. ccbb64
  2. d1c275
  3. d6c985
  4. dbd095
  5. e0d6a5
  6. e5ddb4
  7. eae4c3
  8. efebd2
  9. f4f2e1
  10. faf8f0

Dunkler: #ccbb64 mit Schwarz gemischt

  1. ccbb64
  2. b1a256
  3. 978a48
  4. 7e733b
  5. 655c2e
  6. 4e4622
  7. 373216
  8. 221f0b
  9. 0f0d03
  10. 020200

Ruhiger: #ccbb64 mit weniger Sättigung

  1. ccbb64
  2. cabb6e
  3. c8bb78
  4. c6bb81
  5. c5bb8a
  6. c3bb93
  7. c1bb9b
  8. bfbba3
  9. bdbaab
  10. bbbab2

Ähnliche benannte Farben

Farben, die zu #ccbb64 passen

Komplementär
#ccbb64#aab3ff
Analog
#ccbb64#e8ad69#a5c87a
Triadisch
#ccbb64#5acbe9#e99ed2
Split
#ccbb64#80c0fd#cea7f0

Fragen zu #ccbb64

Welche Farbe ist #ccbb64?

#ccbb64 ist ein sanftes helles gelb. Die nächste benannte Farbe ist Sanftes helles Gelb. In RGB ist das rgb(204, 187, 100), in HSL hsl(50.19, 50.49%, 59.61%) und in OKLCH oklch(78.815% 0.10993 98.501).

Welche Farben passen zu #ccbb64?

Die Komplementärfarbe von #ccbb64 ist #aab3ff. Ruhiger wirkt die Kombination mit den analogen Farben #e8ad69 und #a5c87a. Die triadischen Partner sind #5acbe9 und #e99ed2.

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

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

Ist #ccbb64 eine warme oder kühle Farbe?

#ccbb64 wirkt warm. In OKLCH liegt der Farbton bei 99 Grad, die Helligkeit bei 78,8 % und das Chroma bei 0.11.