# Farbe #576ba2: Gedämpftes Blau

#576ba2 ist rgb(87, 107, 162) in RGB und oklch(53.578% 0.09 268.085) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/576ba2

## Formate

| Format | Wert |
| --- | --- |
| HEX | #576ba2 |
| RGB | rgb(87, 107, 162) |
| HSL | hsl(224, 30.12%, 48.82%) |
| HSB / HSV | hsv(224 46.3% 63.53%) |
| HWB | hwb(224 34.12% 36.47%) |
| CMYK | cmyk(46% 34% 0% 36%) |
| Lab | lab(45.43 4.05 -32.52) |
| LCH | lch(45.43 32.77 277.1) |
| OKLab | oklab(53.578% -0.00301 -0.08995) |
| OKLCH | oklch(53.578% 0.09 268.085) |
| Display P3 | color(display-p3 0.35665 0.41729 0.61906) |
| Rec. 2020 | color(rec2020 0.33017 0.363 0.57551) |
| Adobe RGB | color(a98-rgb 0.3666 0.41823 0.62242) |
| ProPhoto RGB | color(prophoto-rgb 0.34826 0.34593 0.5416) |
| Lineares sRGB | color(srgb-linear 0.09531 0.14703 0.36131) |
| XYZ D65 | color(xyz-d65 0.15709 0.1515 0.3628) |
| XYZ D50 | color(xyz-d50 0.14988 0.14851 0.27361) |
| SwiftUI | Color(red: 0.341, green: 0.42, blue: 0.635) |
| UIKit | UIColor(red: 0.341, green: 0.42, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF576BA2) |
| Android XML | #576BA2 |

## Fakten

- Nächster Farbname: Gedämpftes Blau
- Farbgruppe: Blaue, gedämpftes blau
- Nächste Tailwind-Klasse: slate-500
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 5.21:1
- Kontrast zu Schwarz: 4.03:1

## Aufhellungen (mit Weiß)

#576ba2, #6679ac, #7687b5, #8696be, #96a4c8, #a7b3d1, #b8c2da, #cad1e4, #dbe0ed, #edf0f6

## Abdunklungen (mit Schwarz)

#576ba2, #4b5c8c, #3e4e77, #333f63, #27324f, #1c253c, #12182a, #080d19, #03040a, #000001

## Abtönungen (mit Grau)

#576ba2, #596c9d, #5b6c98, #5e6c93, #606d8d, #626d88, #646d83, #676d7e, #696d78, #6b6d73

## Harmonien

- Komplementär: #576ba2, #836a27
- Split: #576ba2, #945f35, #697434
- Analog: #576ba2, #33749b, #74619b
- Triadisch: #576ba2, #9b5850, #467c4f
- Tetradisch: #576ba2, #8a5a88, #836a27, #467c4f
- Quadrat: #576ba2, #97566d, #836a27, #1e7e6d
- Monochrom: #576ba2, #1a2859, #37497d, #798fc9, #9db4f0

## Fragen zu #576ba2

### Welche Farbe ist #576ba2?

#576ba2 ist ein gedämpftes blau. Die nächste benannte Farbe ist Gedämpftes Blau. In RGB ist das rgb(87, 107, 162), in HSL hsl(224, 30.12%, 48.82%) und in OKLCH oklch(53.578% 0.09 268.085).

### Welche Farben passen zu #576ba2?

Die Komplementärfarbe von #576ba2 ist #836a27. Ruhiger wirkt die Kombination mit den analogen Farben #33749b und #74619b. Die triadischen Partner sind #9b5850 und #467c4f.

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

Weißer Text ist auf #576ba2 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 5.21:1, Schwarz 4.03:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

### Ist #576ba2 eine warme oder kühle Farbe?

#576ba2 wirkt kühl. In OKLCH liegt der Farbton bei 268 Grad, die Helligkeit bei 53,6 % und das Chroma bei 0.09.