# Farbe #509ce2: Kräftiges Blau

#509ce2 ist rgb(80, 156, 226) in RGB und oklch(67.49% 0.12876 248.558) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/509ce2

## Formate

| Format | Wert |
| --- | --- |
| HEX | #509ce2 |
| RGB | rgb(80, 156, 226) |
| HSL | hsl(208.77, 71.57%, 60%) |
| HSB / HSV | hsv(208.77 64.6% 88.63%) |
| HWB | hwb(208.77 31.37% 11.37%) |
| CMYK | cmyk(65% 31% 0% 11%) |
| Lab | lab(61.85 -7.72 -43.24) |
| LCH | lch(61.85 43.93 259.88) |
| OKLab | oklab(67.49% -0.04707 -0.11984) |
| OKLCH | oklch(67.49% 0.12876 248.558) |
| Display P3 | color(display-p3 0.38857 0.60472 0.86393) |
| Rec. 2020 | color(rec2020 0.42473 0.55891 0.844) |
| Adobe RGB | color(a98-rgb 0.42469 0.60608 0.8736) |
| ProPhoto RGB | color(prophoto-rgb 0.47225 0.53071 0.81938) |
| Lineares sRGB | color(srgb-linear 0.08022 0.33245 0.76052) |
| XYZ D65 | color(xyz-d65 0.28922 0.30972 0.76408) |
| XYZ D50 | color(xyz-d50 0.27184 0.30228 0.57648) |
| SwiftUI | Color(red: 0.314, green: 0.612, blue: 0.886) |
| UIKit | UIColor(red: 0.314, green: 0.612, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF509CE2) |
| Android XML | #509CE2 |

## Fakten

- Nächster Farbname: Kräftiges Blau
- Farbgruppe: Blaue, kräftiges blau
- Nächste Tailwind-Klasse: sky-500
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 2.92:1
- Kontrast zu Schwarz: 7.19:1

## Aufhellungen (mit Weiß)

#509ce2, #63a6e6, #75b0e9, #87baec, #98c4ef, #aacef2, #bbd8f5, #cce2f8, #ddebfa, #eef5fd

## Abdunklungen (mit Schwarz)

#509ce2, #4487c4, #3973a8, #2e5f8c, #244c71, #1a3957, #10283e, #071827, #020912, #000103

## Abtönungen (mit Grau)

#509ce2, #599cdb, #629cd3, #699bcc, #719bc5, #789bbd, #7e9ab6, #8599ae, #8b98a6, #91989e

## Harmonien

- Komplementär: #509ce2, #ca862f
- Split: #509ce2, #d97859, #ab9724
- Analog: #509ce2, #00a8cc, #868de5
- Triadisch: #509ce2, #d97287, #7fa64a
- Tetradisch: #509ce2, #ad80d3, #ca862f, #7fa64a
- Quadrat: #509ce2, #c976b1, #ca862f, #40ae79
- Monochrom: #509ce2, #005394, #2877ba, #76c2ff, #c2e7ff

## Fragen zu #509ce2

### Welche Farbe ist #509ce2?

#509ce2 ist ein kräftiges blau. Die nächste benannte Farbe ist Kräftiges Blau. In RGB ist das rgb(80, 156, 226), in HSL hsl(208.77, 71.57%, 60%) und in OKLCH oklch(67.49% 0.12876 248.558).

### Welche Farben passen zu #509ce2?

Die Komplementärfarbe von #509ce2 ist #ca862f. Ruhiger wirkt die Kombination mit den analogen Farben #00a8cc und #868de5. Die triadischen Partner sind #d97287 und #7fa64a.

### Ist weißer oder schwarzer Text auf #509ce2 besser lesbar?

Schwarzer Text ist auf #509ce2 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 2.92:1, Schwarz 7.19:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

### Ist #509ce2 eine warme oder kühle Farbe?

#509ce2 wirkt kühl. In OKLCH liegt der Farbton bei 249 Grad, die Helligkeit bei 67,5 % und das Chroma bei 0.129.