# Farbe #f7a367: Kräftiges helles Orange

#f7a367 ist rgb(247, 163, 103) in RGB und oklch(78.662% 0.12553 55.303) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #f7a367 |
| RGB | rgb(247, 163, 103) |
| HSL | hsl(25, 90%, 68.63%) |
| HSB / HSV | hsv(25 58.3% 96.86%) |
| HWB | hwb(25 40.39% 3.14%) |
| CMYK | cmyk(0% 34% 58% 3%) |
| Lab | lab(74.68 27.78 44.23) |
| LCH | lch(74.68 52.23 57.86) |
| OKLab | oklab(78.662% 0.07146 0.10321) |
| OKLCH | oklch(78.662% 0.12553 55.303) |
| Display P3 | color(display-p3 0.92119 0.65378 0.4441) |
| Rec. 2020 | color(rec2020 0.843 0.63067 0.39457) |
| Adobe RGB | color(a98-rgb 0.88767 0.63336 0.41576) |
| ProPhoto RGB | color(prophoto-rgb 0.77516 0.61367 0.38114) |
| Lineares sRGB | color(srgb-linear 0.93011 0.36625 0.13563) |
| XYZ D65 | color(xyz-d65 0.53901 0.4695 0.19056) |
| XYZ D50 | color(xyz-d50 0.56606 0.47773 0.14536) |
| SwiftUI | Color(red: 0.969, green: 0.639, blue: 0.404) |
| UIKit | UIColor(red: 0.969, green: 0.639, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFF7A367) |
| Android XML | #F7A367 |

## 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ß: 2.02:1
- Kontrast zu Schwarz: 10.39:1

## Aufhellungen (mit Weiß)

#f7a367, #f9ad77, #fab687, #fbbf97, #fdc9a6, #fdd2b5, #fedbc4, #ffe4d2, #ffede1, #fff6f0

## Abdunklungen (mit Schwarz)

#f7a367, #d78d59, #b7784b, #99633d, #7c4f30, #603c23, #452a17, #2c190c, #150a04, #030100

## Abtönungen (mit Grau)

#f7a367, #f1a671, #eca87a, #e6ab83, #e0ad8b, #dab093, #d4b29b, #cdb4a3, #c7b6ab, #c0b8b2

## Harmonien

- Komplementär: #f7a367, #5ec6fe
- Split: #f7a367, #30d0e0, #92b7ff
- Analog: #f7a367, #ff9890, #deb351
- Triadisch: #f7a367, #4bd3b5, #c0a9ff
- Tetradisch: #f7a367, #b6c35f, #5ec6fe, #c0a9ff
- Quadrat: #f7a367, #84cf87, #5ec6fe, #e29de5
- Monochrom: #f7a367, #a75916, #ce7e41, #ffd2ab, #ffeeda

## Fragen zu #f7a367

### Welche Farbe ist #f7a367?

#f7a367 ist ein kräftiges helles orange. Die nächste benannte Farbe ist Kräftiges helles Orange. In RGB ist das rgb(247, 163, 103), in HSL hsl(25, 90%, 68.63%) und in OKLCH oklch(78.662% 0.12553 55.303).

### Welche Farben passen zu #f7a367?

Die Komplementärfarbe von #f7a367 ist #5ec6fe. Ruhiger wirkt die Kombination mit den analogen Farben #ff9890 und #deb351. Die triadischen Partner sind #4bd3b5 und #c0a9ff.

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

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

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

#f7a367 wirkt warm. In OKLCH liegt der Farbton bei 55 Grad, die Helligkeit bei 78,7 % und das Chroma bei 0.126.