# Farbe #f18f63: Kräftiges helles Orange

#f18f63 ist rgb(241, 143, 99) in RGB und oklch(74.455% 0.13291 44.416) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/f18f63

## Formate

| Format | Wert |
| --- | --- |
| HEX | #f18f63 |
| RGB | rgb(241, 143, 99) |
| HSL | hsl(18.59, 83.53%, 66.67%) |
| HSB / HSV | hsv(18.59 58.92% 94.51%) |
| HWB | hwb(18.59 38.82% 5.49%) |
| CMYK | cmyk(0% 41% 59% 5%) |
| Lab | lab(69.48 35.15 39.92) |
| LCH | lch(69.48 53.19 48.63) |
| OKLab | oklab(74.455% 0.09494 0.09302) |
| OKLCH | oklch(74.455% 0.13291 44.416) |
| Display P3 | color(display-p3 0.89228 0.57916 0.42161) |
| Rec. 2020 | color(rec2020 0.80486 0.55416 0.3693) |
| Adobe RGB | color(a98-rgb 0.8543 0.55569 0.39676) |
| ProPhoto RGB | color(prophoto-rgb 0.73447 0.54011 0.35515) |
| Lineares sRGB | color(srgb-linear 0.87962 0.27468 0.12477) |
| XYZ D65 | color(xyz-d65 0.48349 0.39249 0.16834) |
| XYZ D50 | color(xyz-d50 0.50722 0.40019 0.12801) |
| SwiftUI | Color(red: 0.945, green: 0.561, blue: 0.388) |
| UIKit | UIColor(red: 0.945, green: 0.561, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFFF18F63) |
| Android XML | #F18F63 |

## Fakten

- Nächster Farbname: Kräftiges helles Orange
- Farbgruppe: Orangefarbene, kräftiges helles orange
- Nächste Tailwind-Klasse: orange-400
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 2.37:1
- Kontrast zu Schwarz: 8.85:1

## Aufhellungen (mit Weiß)

#f18f63, #f49b73, #f6a683, #f8b193, #fabda2, #fcc8b2, #fdd3c1, #feded0, #ffe9e0, #fff4ef

## Abdunklungen (mit Schwarz)

#f18f63, #d27c55, #b36947, #95573a, #79452e, #5d3421, #432416, #2b150b, #140703, #030100

## Abtönungen (mit Grau)

#f18f63, #eb936c, #e59674, #de997b, #d89c83, #d19f8a, #caa291, #c3a598, #bca79f, #b4aaa5

## Harmonien

- Komplementär: #f18f63, #26bdea
- Split: #f18f63, #00c6c5, #6faffe
- Analog: #f18f63, #f48792, #dd9e3e
- Triadisch: #f18f63, #46c696, #a3a0fd
- Tetradisch: #f18f63, #bab03e, #26bdea, #a3a0fd
- Quadrat: #f18f63, #88bf65, #26bdea, #cb92e6
- Monochrom: #f18f63, #a04616, #c86a3e, #ffbd9b, #ffeee0

## Fragen zu #f18f63

### Welche Farbe ist #f18f63?

#f18f63 ist ein kräftiges helles orange. Die nächste benannte Farbe ist Kräftiges helles Orange. In RGB ist das rgb(241, 143, 99), in HSL hsl(18.59, 83.53%, 66.67%) und in OKLCH oklch(74.455% 0.13291 44.416).

### Welche Farben passen zu #f18f63?

Die Komplementärfarbe von #f18f63 ist #26bdea. Ruhiger wirkt die Kombination mit den analogen Farben #f48792 und #dd9e3e. Die triadischen Partner sind #46c696 und #a3a0fd.

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

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

### Ist #f18f63 eine warme oder kühle Farbe?

#f18f63 wirkt warm. In OKLCH liegt der Farbton bei 44 Grad, die Helligkeit bei 74,5 % und das Chroma bei 0.133.