# Farbe #f4aa75: Kräftiges helles Orange

#f4aa75 ist rgb(244, 170, 117) in RGB und oklch(79.782% 0.11114 55.993) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #f4aa75 |
| RGB | rgb(244, 170, 117) |
| HSL | hsl(25.04, 85.23%, 70.78%) |
| HSB / HSV | hsv(25.04 52.05% 95.69%) |
| HWB | hwb(25.04 45.88% 4.31%) |
| CMYK | cmyk(0% 30% 52% 4%) |
| Lab | lab(76.08 23.88 38.67) |
| LCH | lch(76.08 45.45 58.31) |
| OKLab | oklab(79.782% 0.06216 0.09213) |
| OKLCH | oklch(79.782% 0.11114 55.993) |
| Display P3 | color(display-p3 0.91401 0.679 0.4918) |
| Rec. 2020 | color(rec2020 0.84159 0.6559 0.44479) |
| Adobe RGB | color(a98-rgb 0.88345 0.66074 0.46668) |
| ProPhoto RGB | color(prophoto-rgb 0.77806 0.63783 0.4274) |
| Lineares sRGB | color(srgb-linear 0.90466 0.40198 0.17789) |
| XYZ D65 | color(xyz-d65 0.54892 0.49269 0.23449) |
| XYZ D50 | color(xyz-d50 0.57477 0.50024 0.17865) |
| SwiftUI | Color(red: 0.957, green: 0.667, blue: 0.459) |
| UIKit | UIColor(red: 0.957, green: 0.667, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFFF4AA75) |
| Android XML | #F4AA75 |

## 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.93:1
- Kontrast zu Schwarz: 10.85:1

## Aufhellungen (mit Weiß)

#f4aa75, #f6b383, #f7bb92, #f9c49f, #faccad, #fbd5bb, #fdddc9, #fde6d6, #feeee4, #fff7f1

## Abdunklungen (mit Schwarz)

#f4aa75, #d49365, #b57d55, #976846, #7a5337, #5e3f29, #442d1c, #2b1b0f, #140b05, #030101

## Abtönungen (mit Grau)

#f4aa75, #efac7d, #eaae85, #e5b18d, #dfb394, #dab49b, #d4b6a2, #cfb8a9, #c9bab0, #c3bbb6

## Harmonien

- Komplementär: #f4aa75, #71c8fb
- Split: #f4aa75, #54d1e0, #9bbbff
- Analog: #f4aa75, #fda197, #ddb864
- Triadisch: #f4aa75, #63d4ba, #c3aefd
- Tetradisch: #f4aa75, #b9c670, #71c8fb, #c3aefd
- Quadrat: #f4aa75, #8dd092, #71c8fb, #e2a4e4
- Monochrom: #f4aa75, #a4612b, #cc8550, #ffd7b3, #ffeeda

## Fragen zu #f4aa75

### Welche Farbe ist #f4aa75?

#f4aa75 ist ein kräftiges helles orange. Die nächste benannte Farbe ist Kräftiges helles Orange. In RGB ist das rgb(244, 170, 117), in HSL hsl(25.04, 85.23%, 70.78%) und in OKLCH oklch(79.782% 0.11114 55.993).

### Welche Farben passen zu #f4aa75?

Die Komplementärfarbe von #f4aa75 ist #71c8fb. Ruhiger wirkt die Kombination mit den analogen Farben #fda197 und #ddb864. Die triadischen Partner sind #63d4ba und #c3aefd.

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

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

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

#f4aa75 wirkt warm. In OKLCH liegt der Farbton bei 56 Grad, die Helligkeit bei 79,8 % und das Chroma bei 0.111.