Zum Farbwähler springen

Farbe #ffbb66: Pastellfarbenes helles Bernstein

#ffbb66 ist rgb(255, 187, 102) in RGB und oklch(83.868% 0.12856 70.608) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

33°
100 %

83,9 %
0,129
71°
  • Bernstein
  • Hell
  • Kräftig
  • Pastell
  • Warm
  • ≈ Bernstein
  • orange-300
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.67:1Schwer lesbar
Lc -33
Schwarzer Text
12.55:1Gut lesbar · AA
Lc 74

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

#ffbb66 ist ein pastellfarbenes helles bernstein. In OKLCH hat die Farbe die Helligkeit 83,9 %, das Chroma 0.129 und den Farbton 71°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Bernstein (#ffbf00). In Tailwind CSS kommt orange-300 am nächsten.

Mehr helle bernsteinfarbene farben Farben

Heller: #ffbb66 mit Weiß gemischt

  1. ffbb66
  2. ffc278
  3. ffc988
  4. ffd098
  5. ffd7a7
  6. ffdeb6
  7. ffe5c5
  8. ffebd4
  9. fff2e2
  10. fff8f1

Dunkler: #ffbb66 mit Schwarz gemischt

  1. ffbb66
  2. dea258
  3. be8a4a
  4. 9e733c
  5. 805c2f
  6. 634623
  7. 483217
  8. 2e1f0c
  9. 160d04
  10. 030200

Ruhiger: #ffbb66 mit weniger Sättigung

  1. ffbb66
  2. fabd72
  3. f5bf7e
  4. f0c089
  5. ebc293
  6. e5c49d
  7. e0c5a6
  8. dbc6b0
  9. d5c8b8
  10. d0c9c1

Ähnliche benannte Farben

Farben, die zu #ffbb66 passen

Komplementär
#ffbb66#95cfff
Analog
#ffbb66#ffb08f#ddcc62
Triadisch
#ffbb66#46e4dd#e5b2ff
Split
#ffbb66#54ddff#bdc3ff

Fragen zu #ffbb66

Welche Farbe ist #ffbb66?

#ffbb66 ist ein pastellfarbenes helles bernstein. Die nächste benannte Farbe ist Pastellfarbenes helles Bernstein. In RGB ist das rgb(255, 187, 102), in HSL hsl(33.33, 100%, 70%) und in OKLCH oklch(83.868% 0.12856 70.608).

Welche Farben passen zu #ffbb66?

Die Komplementärfarbe von #ffbb66 ist #95cfff. Ruhiger wirkt die Kombination mit den analogen Farben #ffb08f und #ddcc62. Die triadischen Partner sind #46e4dd und #e5b2ff.

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

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

Ist #ffbb66 eine warme oder kühle Farbe?

#ffbb66 wirkt warm. In OKLCH liegt der Farbton bei 71 Grad, die Helligkeit bei 83,9 % und das Chroma bei 0.129.