# Farbe #577aa4: Staubiges Blau

#577aa4 ist rgb(87, 122, 164) in RGB und oklch(57.046% 0.07661 253.527) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/577aa4

## Formate

| Format | Wert |
| --- | --- |
| HEX | #577aa4 |
| RGB | rgb(87, 122, 164) |
| HSL | hsl(212.73, 30.68%, 49.22%) |
| HSB / HSV | hsv(212.73 46.95% 64.31%) |
| HWB | hwb(212.73 34.12% 35.69%) |
| CMYK | cmyk(47% 26% 0% 36%) |
| Lab | lab(49.89 -3.83 -26.78) |
| LCH | lch(49.89 27.06 261.86) |
| OKLab | oklab(57.046% -0.02172 -0.07346) |
| OKLCH | oklch(57.046% 0.07661 253.527) |
| Display P3 | color(display-p3 0.37021 0.47465 0.62923) |
| Rec. 2020 | color(rec2020 0.35445 0.42107 0.58714) |
| Adobe RGB | color(a98-rgb 0.38648 0.4751 0.63156) |
| ProPhoto RGB | color(prophoto-rgb 0.36983 0.39727 0.55436) |
| Lineares sRGB | color(srgb-linear 0.09531 0.19462 0.37124) |
| XYZ D65 | color(xyz-d65 0.1759 0.18625 0.37791) |
| XYZ D50 | color(xyz-d50 0.16963 0.18323 0.28532) |
| SwiftUI | Color(red: 0.341, green: 0.478, blue: 0.643) |
| UIKit | UIColor(red: 0.341, green: 0.478, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF577AA4) |
| Android XML | #577AA4 |

## Fakten

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

## Aufhellungen (mit Weiß)

#577aa4, #6787ad, #7794b6, #87a1bf, #98aec9, #a8bbd2, #b9c8db, #cad6e4, #dce3ed, #edf1f6

## Abdunklungen (mit Schwarz)

#577aa4, #4b698e, #3e5979, #334964, #273a50, #1c2b3d, #121d2b, #08101a, #03050a, #000101

## Abtönungen (mit Grau)

#577aa4, #5b7aa0, #5e7a9b, #617a97, #657993, #68798e, #6b798a, #6e7985, #717881, #74787c

## Harmonien

- Komplementär: #577aa4, #937042
- Split: #577aa4, #9e6952, #7f7a42
- Analog: #577aa4, #3e8199, #7172a4
- Triadisch: #577aa4, #9f646a, #658252
- Tetradisch: #577aa4, #886a98, #937042, #658252
- Quadrat: #577aa4, #986583, #937042, #49866b
- Monochrom: #577aa4, #15365c, #36577f, #7a9eca, #9fc4f2

## Fragen zu #577aa4

### Welche Farbe ist #577aa4?

#577aa4 ist ein staubiges blau. Die nächste benannte Farbe ist Staubiges Blau. In RGB ist das rgb(87, 122, 164), in HSL hsl(212.73, 30.68%, 49.22%) und in OKLCH oklch(57.046% 0.07661 253.527).

### Welche Farben passen zu #577aa4?

Die Komplementärfarbe von #577aa4 ist #937042. Ruhiger wirkt die Kombination mit den analogen Farben #3e8199 und #7172a4. Die triadischen Partner sind #9f646a und #658252.

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

Weißer Text ist auf #577aa4 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 4.44:1, Schwarz 4.73:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

### Ist #577aa4 eine warme oder kühle Farbe?

#577aa4 wirkt kühl. In OKLCH liegt der Farbton bei 254 Grad, die Helligkeit bei 57 % und das Chroma bei 0.077.