# Farbe #89a6ea: Kräftiges helles Blau

#89a6ea ist rgb(137, 166, 234) in RGB und oklch(72.999% 0.10451 266.158) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #89a6ea |
| RGB | rgb(137, 166, 234) |
| HSL | hsl(222.06, 69.78%, 72.75%) |
| HSB / HSV | hsv(222.06 41.45% 91.76%) |
| HWB | hwb(222.06 53.73% 8.24%) |
| CMYK | cmyk(41% 29% 0% 8%) |
| Lab | lab(67.94 2.72 -37.89) |
| LCH | lch(67.94 37.98 274.11) |
| OKLab | oklab(72.999% -0.007 -0.10428) |
| OKLCH | oklch(72.999% 0.10451 266.158) |
| Display P3 | color(display-p3 0.55963 0.64761 0.89677) |
| Rec. 2020 | color(rec2020 0.5573 0.60965 0.88061) |
| Adobe RGB | color(a98-rgb 0.56736 0.64508 0.90588) |
| ProPhoto RGB | color(prophoto-rgb 0.579 0.58491 0.85933) |
| Lineares sRGB | color(srgb-linear 0.25016 0.38133 0.82279) |
| XYZ D65 | color(xyz-d65 0.38802 0.3853 0.83237) |
| XYZ D50 | color(xyz-d50 0.37368 0.3789 0.62805) |
| SwiftUI | Color(red: 0.537, green: 0.651, blue: 0.918) |
| UIKit | UIColor(red: 0.537, green: 0.651, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF89A6EA) |
| Android XML | #89A6EA |

## Fakten

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

## Aufhellungen (mit Weiß)

#89a6ea, #94afed, #a0b8ef, #abc1f2, #b7caf4, #c3d3f6, #cfdbf8, #dae4fa, #e7edfc, #f3f6fd

## Abdunklungen (mit Schwarz)

#89a6ea, #7690cb, #647aae, #536591, #425175, #313e5a, #222b41, #141a29, #070a13, #010103

## Abtönungen (mit Grau)

#89a6ea, #8ca6e4, #8fa7dd, #92a7d7, #95a7d0, #98a8c9, #9ba8c3, #9ea8bc, #a1a8b5, #a5a8ae

## Harmonien

- Komplementär: #89a6ea, #c5a355
- Split: #89a6ea, #da9665, #a4b061
- Analog: #89a6ea, #61b2e1, #ae9ae2
- Triadisch: #89a6ea, #e28d85, #7bba80
- Tetradisch: #89a6ea, #ca90cb, #c5a355, #7bba80
- Quadrat: #89a6ea, #dc8caa, #c5a355, #53bda5
- Monochrom: #89a6ea, #445d9c, #6681c2, #b1cdff, #eaf5ff

## Fragen zu #89a6ea

### Welche Farbe ist #89a6ea?

#89a6ea ist ein kräftiges helles blau. Die nächste benannte Farbe ist Kräftiges helles Blau. In RGB ist das rgb(137, 166, 234), in HSL hsl(222.06, 69.78%, 72.75%) und in OKLCH oklch(72.999% 0.10451 266.158).

### Welche Farben passen zu #89a6ea?

Die Komplementärfarbe von #89a6ea ist #c5a355. Ruhiger wirkt die Kombination mit den analogen Farben #61b2e1 und #ae9ae2. Die triadischen Partner sind #e28d85 und #7bba80.

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

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

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

#89a6ea wirkt kühl. In OKLCH liegt der Farbton bei 266 Grad, die Helligkeit bei 73 % und das Chroma bei 0.105.