# Farbe #677bb2: Sanftes Blau

#677bb2 ist rgb(103, 123, 178) in RGB und oklch(58.981% 0.08793 268.36) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/677bb2

## Formate

| Format | Wert |
| --- | --- |
| HEX | #677bb2 |
| RGB | rgb(103, 123, 178) |
| HSL | hsl(224, 32.75%, 55.1%) |
| HSB / HSV | hsv(224 42.13% 69.8%) |
| HWB | hwb(224 40.39% 30.2%) |
| CMYK | cmyk(42% 31% 0% 30%) |
| Lab | lab(51.74 3.55 -31.89) |
| LCH | lch(51.74 32.09 276.34) |
| OKLab | oklab(58.981% -0.00252 -0.08789) |
| OKLCH | oklch(58.981% 0.08793 268.36) |
| Display P3 | color(display-p3 0.41919 0.48 0.68145) |
| Rec. 2020 | color(rec2020 0.39542 0.42938 0.64341) |
| Adobe RGB | color(a98-rgb 0.4264 0.47891 0.68491) |
| ProPhoto RGB | color(prophoto-rgb 0.40869 0.4077 0.61011) |
| Lineares sRGB | color(srgb-linear 0.13563 0.19807 0.4452) |
| XYZ D65 | color(xyz-d65 0.20711 0.20263 0.44941) |
| XYZ D50 | color(xyz-d50 0.19913 0.19916 0.33904) |
| SwiftUI | Color(red: 0.404, green: 0.482, blue: 0.698) |
| UIKit | UIColor(red: 0.404, green: 0.482, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF677BB2) |
| Android XML | #677BB2 |

## Fakten

- Nächster Farbname: Sanftes Blau
- Farbgruppe: Blaue, sanftes blau
- Nächste Tailwind-Klasse: slate-500
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 4.16:1
- Kontrast zu Schwarz: 5.05:1

## Aufhellungen (mit Weiß)

#677bb2, #7588ba, #8395c2, #92a2ca, #a1afd2, #b0bcd9, #bfc9e1, #cfd6e9, #dfe4f0, #eff1f8

## Abdunklungen (mit Schwarz)

#677bb2, #596a9a, #4b5a83, #3d4a6d, #303a57, #232c43, #171e2f, #0c101d, #04050c, #000101

## Abtönungen (mit Grau)

#677bb2, #697bad, #6b7ca8, #6e7ca3, #707c9d, #727d98, #747d93, #767d8d, #797d88, #7b7d83

## Harmonien

- Komplementär: #677bb2, #937a3b
- Split: #677bb2, #a47046, #788446
- Analog: #677bb2, #4684ac, #8471ab
- Triadisch: #677bb2, #ab685f, #578c5f
- Tetradisch: #677bb2, #9a6a97, #937a3b, #578c5f
- Quadrat: #677bb2, #a8677d, #937a3b, #368e7d
- Monochrom: #677bb2, #273768, #46588c, #8aa0d9, #afc6ff

## Fragen zu #677bb2

### Welche Farbe ist #677bb2?

#677bb2 ist ein sanftes blau. Die nächste benannte Farbe ist Sanftes Blau. In RGB ist das rgb(103, 123, 178), in HSL hsl(224, 32.75%, 55.1%) und in OKLCH oklch(58.981% 0.08793 268.36).

### Welche Farben passen zu #677bb2?

Die Komplementärfarbe von #677bb2 ist #937a3b. Ruhiger wirkt die Kombination mit den analogen Farben #4684ac und #8471ab. Die triadischen Partner sind #ab685f und #578c5f.

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

Weißer Text ist auf #677bb2 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 4.16:1, Schwarz 5.05:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

### Ist #677bb2 eine warme oder kühle Farbe?

#677bb2 wirkt kühl. In OKLCH liegt der Farbton bei 268 Grad, die Helligkeit bei 59 % und das Chroma bei 0.088.