# Farbe #eca36f: Kräftiges helles Orange

#eca36f ist rgb(236, 163, 111) in RGB und oklch(77.531% 0.11012 55.775) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #eca36f |
| RGB | rgb(236, 163, 111) |
| HSL | hsl(24.96, 76.69%, 68.04%) |
| HSB / HSV | hsv(24.96 52.97% 92.55%) |
| HWB | hwb(24.96 43.53% 7.45%) |
| CMYK | cmyk(0% 31% 53% 7%) |
| Lab | lab(73.47 23.82 38.31) |
| LCH | lch(73.47 45.11 58.14) |
| OKLab | oklab(77.531% 0.06194 0.09105) |
| OKLCH | oklch(77.531% 0.11012 55.775) |
| Display P3 | color(display-p3 0.88337 0.65145 0.46797) |
| Rec. 2020 | color(rec2020 0.80863 0.62572 0.41932) |
| Adobe RGB | color(a98-rgb 0.85259 0.63336 0.44376) |
| ProPhoto RGB | color(prophoto-rgb 0.74397 0.6068 0.40305) |
| Lineares sRGB | color(srgb-linear 0.8388 0.36625 0.15896) |
| XYZ D65 | color(xyz-d65 0.50557 0.45177 0.21097) |
| XYZ D50 | color(xyz-d50 0.52958 0.45882 0.16075) |
| SwiftUI | Color(red: 0.925, green: 0.639, blue: 0.435) |
| UIKit | UIColor(red: 0.925, green: 0.639, blue: 0.435, alpha: 1) |
| Flutter / Compose | Color(0xFFECA36F) |
| Android XML | #ECA36F |

## 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.09:1
- Kontrast zu Schwarz: 10.03:1

## Aufhellungen (mit Weiß)

#eca36f, #efac7e, #f1b68d, #f3bf9b, #f6c8a9, #f7d1b8, #f9dbc6, #fbe4d4, #fcede2, #fef6f1

## Abdunklungen (mit Schwarz)

#eca36f, #cd8d60, #af7851, #926342, #764f34, #5b3c27, #422a1a, #29190e, #130a04, #030101

## Abtönungen (mit Grau)

#eca36f, #e7a577, #e2a77f, #ddaa86, #d8ac8e, #d2ad95, #cdaf9b, #c7b1a2, #c2b3a9, #bcb4af

## Harmonien

- Komplementär: #eca36f, #6ac1f3
- Split: #eca36f, #4dcad8, #95b4fd
- Analog: #eca36f, #f49a91, #d5b15e
- Triadisch: #eca36f, #5ccdb3, #bca7f5
- Tetradisch: #eca36f, #b2bf6a, #6ac1f3, #bca7f5
- Quadrat: #eca36f, #87c98b, #6ac1f3, #da9ddc
- Monochrom: #eca36f, #9d5a25, #c47e4a, #ffcda2, #ffeeda

## Fragen zu #eca36f

### Welche Farbe ist #eca36f?

#eca36f ist ein kräftiges helles orange. Die nächste benannte Farbe ist Kräftiges helles Orange. In RGB ist das rgb(236, 163, 111), in HSL hsl(24.96, 76.69%, 68.04%) und in OKLCH oklch(77.531% 0.11012 55.775).

### Welche Farben passen zu #eca36f?

Die Komplementärfarbe von #eca36f ist #6ac1f3. Ruhiger wirkt die Kombination mit den analogen Farben #f49a91 und #d5b15e. Die triadischen Partner sind #5ccdb3 und #bca7f5.

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

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

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

#eca36f wirkt warm. In OKLCH liegt der Farbton bei 56 Grad, die Helligkeit bei 77,5 % und das Chroma bei 0.11.