# Farbe #f2a362: Kräftiges helles Orange

#f2a362 ist rgb(242, 163, 98) in RGB und oklch(78.019% 0.12417 58.968) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #f2a362 |
| RGB | rgb(242, 163, 98) |
| HSL | hsl(27.08, 84.71%, 66.67%) |
| HSB / HSV | hsv(27.08 59.5% 94.9%) |
| HWB | hwb(27.08 38.43% 5.1%) |
| CMYK | cmyk(0% 33% 60% 5%) |
| Lab | lab(74.03 25.52 45.8) |
| LCH | lch(74.03 52.43 60.88) |
| OKLab | oklab(78.019% 0.06401 0.1064) |
| OKLCH | oklch(78.019% 0.12417 58.968) |
| Display P3 | color(display-p3 0.90398 0.65271 0.42741) |
| Rec. 2020 | color(rec2020 0.82668 0.62816 0.3774) |
| Adobe RGB | color(a98-rgb 0.87168 0.63336 0.39847) |
| ProPhoto RGB | color(prophoto-rgb 0.75852 0.60994 0.366) |
| Lineares sRGB | color(srgb-linear 0.88792 0.36625 0.12214) |
| XYZ D65 | color(xyz-d65 0.51918 0.45956 0.17692) |
| XYZ D50 | color(xyz-d50 0.54573 0.46752 0.13514) |
| SwiftUI | Color(red: 0.949, green: 0.639, blue: 0.384) |
| UIKit | UIColor(red: 0.949, green: 0.639, blue: 0.384, alpha: 1) |
| Flutter / Compose | Color(0xFFF2A362) |
| Android XML | #F2A362 |

## 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.06:1
- Kontrast zu Schwarz: 10.19:1

## Aufhellungen (mit Weiß)

#f2a362, #f4ad73, #f6b684, #f8bf93, #f9c8a3, #fbd2b3, #fcdbc2, #fde4d1, #feede0, #fff6f0

## Abdunklungen (mit Schwarz)

#f2a362, #d28d54, #b47847, #96633a, #794f2d, #5e3c21, #432a16, #2b190b, #140a03, #030100

## Abtönungen (mit Grau)

#f2a362, #eda66c, #e7a876, #e2aa7f, #dcac88, #d6ae90, #d0b098, #cab2a0, #c4b4a8, #beb6b0

## Harmonien

- Komplementär: #f2a362, #63c2fe
- Split: #f2a362, #34cde2, #97b4ff
- Analog: #f2a362, #fd9889, #d7b350
- Triadisch: #f2a362, #44d1b9, #c2a5fc
- Tetradisch: #f2a362, #afc363, #63c2fe, #c2a5fc
- Quadrat: #f2a362, #7bce8b, #63c2fe, #e39ade
- Monochrom: #f2a362, #a25a0b, #ca7e3b, #ffd0a1, #ffefd8

## Fragen zu #f2a362

### Welche Farbe ist #f2a362?

#f2a362 ist ein kräftiges helles orange. Die nächste benannte Farbe ist Kräftiges helles Orange. In RGB ist das rgb(242, 163, 98), in HSL hsl(27.08, 84.71%, 66.67%) und in OKLCH oklch(78.019% 0.12417 58.968).

### Welche Farben passen zu #f2a362?

Die Komplementärfarbe von #f2a362 ist #63c2fe. Ruhiger wirkt die Kombination mit den analogen Farben #fd9889 und #d7b350. Die triadischen Partner sind #44d1b9 und #c2a5fc.

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

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

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

#f2a362 wirkt warm. In OKLCH liegt der Farbton bei 59 Grad, die Helligkeit bei 78 % und das Chroma bei 0.124.