# Farbe #89bef2: Kräftiges helles Blau

#89bef2 ist rgb(137, 190, 242) in RGB und oklch(78.399% 0.09309 248.621) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/89bef2

## Formate

| Format | Wert |
| --- | --- |
| HEX | #89bef2 |
| RGB | rgb(137, 190, 242) |
| HSL | hsl(209.71, 80.15%, 74.31%) |
| HSB / HSV | hsv(209.71 43.39% 94.9%) |
| HWB | hwb(209.71 53.73% 5.1%) |
| CMYK | cmyk(43% 21% 0% 5%) |
| Lab | lab(74.74 -7.81 -31.76) |
| LCH | lch(74.74 32.7 256.19) |
| OKLab | oklab(78.399% -0.03394 -0.08669) |
| OKLCH | oklch(78.399% 0.09309 248.621) |
| Display P3 | color(display-p3 0.58131 0.73938 0.93094) |
| Rec. 2020 | color(rec2020 0.59914 0.70606 0.91957) |
| Adobe RGB | color(a98-rgb 0.60035 0.73948 0.9399) |
| ProPhoto RGB | color(prophoto-rgb 0.62346 0.67993 0.90363) |
| Lineares sRGB | color(srgb-linear 0.25016 0.51492 0.88792) |
| XYZ D65 | color(xyz-d65 0.44754 0.48555 0.91021) |
| XYZ D50 | color(xyz-d50 0.43445 0.47862 0.68754) |
| SwiftUI | Color(red: 0.537, green: 0.745, blue: 0.949) |
| UIKit | UIColor(red: 0.537, green: 0.745, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF89BEF2) |
| Android XML | #89BEF2 |

## Fakten

- Nächster Farbname: Kräftiges helles Blau
- Farbgruppe: Blaue, kräftiges helles blau
- Nächste Tailwind-Klasse: blue-300
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 1.96:1
- Kontrast zu Schwarz: 10.71:1

## Aufhellungen (mit Weiß)

#89bef2, #95c5f4, #a1cbf5, #add2f7, #b9d8f8, #c4dffa, #d0e5fb, #dcecfc, #e7f2fd, #f3f9fe

## Abdunklungen (mit Schwarz)

#89bef2, #76a5d2, #648cb4, #537596, #425e79, #31485e, #223343, #141f2b, #070d14, #010203

## Abtönungen (mit Grau)

#89bef2, #8ebeec, #93bde7, #98bde1, #9dbcdb, #a2bcd6, #a7bbd0, #abbbca, #b0bac4, #b4b9be

## Harmonien

- Komplementär: #89bef2, #e0ae76
- Split: #89bef2, #eda48d, #c8ba73
- Analog: #89bef2, #6ec7e1, #abb3f4
- Triadisch: #89bef2, #eda0ac, #a7c584
- Tetradisch: #89bef2, #caa9e7, #e0ae76, #a7c584
- Quadrat: #89bef2, #e1a2cd, #e0ae76, #83cba3
- Monochrom: #89bef2, #4174a4, #6498ca, #bbe4ff, #e3f8ff

## Fragen zu #89bef2

### Welche Farbe ist #89bef2?

#89bef2 ist ein kräftiges helles blau. Die nächste benannte Farbe ist Kräftiges helles Blau. In RGB ist das rgb(137, 190, 242), in HSL hsl(209.71, 80.15%, 74.31%) und in OKLCH oklch(78.399% 0.09309 248.621).

### Welche Farben passen zu #89bef2?

Die Komplementärfarbe von #89bef2 ist #e0ae76. Ruhiger wirkt die Kombination mit den analogen Farben #6ec7e1 und #abb3f4. Die triadischen Partner sind #eda0ac und #a7c584.

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

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

### Ist #89bef2 eine warme oder kühle Farbe?

#89bef2 wirkt kühl. In OKLCH liegt der Farbton bei 249 Grad, die Helligkeit bei 78,4 % und das Chroma bei 0.093.