Zum Farbwähler springen

Farbe #ecc166: Pastellfarbenes helles Bernstein

#ecc166 ist rgb(236, 193, 102) in RGB und oklch(83.068% 0.12005 84.342) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

41°
100 %

83,1 %
0,120
84°
  • Bernstein
  • Hell
  • Kräftig
  • Pastell
  • Warm
  • ≈ Bernstein
  • orange-300
  • Schwarz 7 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.70:1Schwer lesbar
Lc -34
Schwarzer Text
12.39: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 #ecc166

#ecc166 ist ein pastellfarbenes helles bernstein. In OKLCH hat die Farbe die Helligkeit 83,1 %, das Chroma 0.12 und den Farbton 84°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 1.7:1, schwarzer Text 12.39: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

Heller: #ecc166 mit Weiß gemischt

  1. ecc166
  2. eec778
  3. f0ce88
  4. f2d498
  5. f4daa7
  6. f6e1b6
  7. f8e7c5
  8. faedd4
  9. fbf3e2
  10. fdf9f1

Dunkler: #ecc166 mit Schwarz gemischt

  1. ecc166
  2. cda758
  3. af8f4a
  4. 92773c
  5. 765f2f
  6. 5b4923
  7. 423417
  8. 29200c
  9. 130e04
  10. 030200

Ruhiger: #ecc166 mit weniger Sättigung

  1. ecc166
  2. e8c272
  3. e5c37d
  4. e1c488
  5. dec492
  6. dac59b
  7. d6c6a5
  8. d3c6ae
  9. cfc7b6
  10. cbc7bf

Ähnliche benannte Farben

Farben, die zu #ecc166 passen

Komplementär
#ecc166#a5c7ff
Analog
#ecc166#ffb27a#c6d172
Triadisch
#ecc166#51deec#efacf3
Split
#ecc166#71d4ff#ccb8ff

Fragen zu #ecc166

Welche Farbe ist #ecc166?

#ecc166 ist ein pastellfarbenes helles bernstein. Die nächste benannte Farbe ist Pastellfarbenes helles Bernstein. In RGB ist das rgb(236, 193, 102), in HSL hsl(40.75, 77.91%, 66.27%) und in OKLCH oklch(83.068% 0.12005 84.342).

Welche Farben passen zu #ecc166?

Die Komplementärfarbe von #ecc166 ist #a5c7ff. Ruhiger wirkt die Kombination mit den analogen Farben #ffb27a und #c6d172. Die triadischen Partner sind #51deec und #efacf3.

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

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

Ist #ecc166 eine warme oder kühle Farbe?

#ecc166 wirkt warm. In OKLCH liegt der Farbton bei 84 Grad, die Helligkeit bei 83,1 % und das Chroma bei 0.12.