# Farbe #f3a97a: Kräftiges helles Orange

#f3a97a ist rgb(243, 169, 122) in RGB und oklch(79.574% 0.10723 53.014) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #f3a97a |
| RGB | rgb(243, 169, 122) |
| HSL | hsl(23.31, 83.45%, 71.57%) |
| HSB / HSV | hsv(23.31 49.79% 95.29%) |
| HWB | hwb(23.31 47.84% 4.71%) |
| CMYK | cmyk(0% 30% 50% 5%) |
| Lab | lab(75.8 24.29 35.7) |
| LCH | lch(75.8 43.18 55.76) |
| OKLab | oklab(79.574% 0.06451 0.08566) |
| OKLCH | oklch(79.574% 0.10723 53.014) |
| Display P3 | color(display-p3 0.91012 0.67509 0.5077) |
| Rec. 2020 | color(rec2020 0.83783 0.65182 0.4613) |
| Adobe RGB | color(a98-rgb 0.87949 0.65682 0.48423) |
| ProPhoto RGB | color(prophoto-rgb 0.77547 0.63391 0.44224) |
| Lineares sRGB | color(srgb-linear 0.89627 0.39676 0.19462) |
| XYZ D65 | color(xyz-d65 0.54661 0.48838 0.24961) |
| XYZ D50 | color(xyz-d50 0.57149 0.49564 0.18997) |
| SwiftUI | Color(red: 0.953, green: 0.663, blue: 0.478) |
| UIKit | UIColor(red: 0.953, green: 0.663, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFFF3A97A) |
| Android XML | #F3A97A |

## Fakten

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

## Aufhellungen (mit Weiß)

#f3a97a, #f5b288, #f7bb95, #f8c3a3, #faccb0, #fbd4bd, #fcddca, #fde5d7, #feeee5, #fff7f2

## Abdunklungen (mit Schwarz)

#f3a97a, #d39269, #b47c59, #976749, #7a533a, #5e3f2b, #442c1d, #2b1b10, #140a05, #030101

## Abtönungen (mit Grau)

#f3a97a, #eeab81, #e9ae89, #e4b090, #deb296, #d9b49d, #d3b5a3, #ceb7aa, #c8b9b0, #c2bbb6

## Harmonien

- Komplementär: #f3a97a, #70c8f6
- Split: #f3a97a, #59d1db, #98bcff
- Analog: #f3a97a, #faa19c, #deb668
- Triadisch: #f3a97a, #6ad3b6, #bfaffb
- Tetradisch: #f3a97a, #bcc471, #70c8f6, #bfaffb
- Quadrat: #f3a97a, #93ce8f, #70c8f6, #dea5e5
- Monochrom: #f3a97a, #a36031, #cb8455, #ffd6b5, #ffeedb

## Fragen zu #f3a97a

### Welche Farbe ist #f3a97a?

#f3a97a ist ein kräftiges helles orange. Die nächste benannte Farbe ist Kräftiges helles Orange. In RGB ist das rgb(243, 169, 122), in HSL hsl(23.31, 83.45%, 71.57%) und in OKLCH oklch(79.574% 0.10723 53.014).

### Welche Farben passen zu #f3a97a?

Die Komplementärfarbe von #f3a97a ist #70c8f6. Ruhiger wirkt die Kombination mit den analogen Farben #faa19c und #deb668. Die triadischen Partner sind #6ad3b6 und #bfaffb.

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

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

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

#f3a97a wirkt warm. In OKLCH liegt der Farbton bei 53 Grad, die Helligkeit bei 79,6 % und das Chroma bei 0.107.