# Farbe #509ce3: Kräftiges Blau

#509ce3 ist rgb(80, 156, 227) in RGB und oklch(67.541% 0.12995 248.9) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #509ce3 |
| RGB | rgb(80, 156, 227) |
| HSL | hsl(208.98, 72.41%, 60.2%) |
| HSB / HSV | hsv(208.98 64.76% 89.02%) |
| HWB | hwb(208.98 31.37% 10.98%) |
| CMYK | cmyk(65% 31% 0% 11%) |
| Lab | lab(61.89 -7.45 -43.73) |
| LCH | lch(61.89 44.36 260.33) |
| OKLab | oklab(67.541% -0.04678 -0.12124) |
| OKLCH | oklch(67.541% 0.12995 248.9) |
| Display P3 | color(display-p3 0.38857 0.60472 0.86762) |
| Rec. 2020 | color(rec2020 0.42513 0.55899 0.84806) |
| Adobe RGB | color(a98-rgb 0.42469 0.60608 0.8775) |
| ProPhoto RGB | color(prophoto-rgb 0.47333 0.5309 0.82367) |
| Lineares sRGB | color(srgb-linear 0.08022 0.33245 0.76815) |
| XYZ D65 | color(xyz-d65 0.2906 0.31027 0.77133) |
| XYZ D50 | color(xyz-d50 0.27293 0.30274 0.58193) |
| SwiftUI | Color(red: 0.314, green: 0.612, blue: 0.89) |
| UIKit | UIColor(red: 0.314, green: 0.612, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF509CE3) |
| Android XML | #509CE3 |

## Fakten

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

## Aufhellungen (mit Weiß)

#509ce3, #63a6e6, #75b0ea, #87baed, #98c4f0, #aacef3, #bbd8f6, #cce2f8, #ddebfb, #eef5fd

## Abdunklungen (mit Schwarz)

#509ce3, #4487c5, #3973a8, #2e5f8c, #244c71, #1a3957, #10283f, #071827, #020912, #000103

## Abtönungen (mit Grau)

#509ce3, #599cdc, #629cd4, #699ccd, #719bc5, #789bbe, #7e9ab6, #8599ae, #8b99a7, #91989f

## Harmonien

- Komplementär: #509ce3, #ca862d
- Split: #509ce3, #da7858, #ab9722
- Analog: #509ce3, #00a9cd, #868de5
- Triadisch: #509ce3, #d97286, #7ea649
- Tetradisch: #509ce3, #ae7fd3, #ca862d, #7ea649
- Quadrat: #509ce3, #ca75b1, #ca862d, #3eaf79
- Monochrom: #509ce3, #005394, #2877bb, #76c2ff, #c2e8ff

## Fragen zu #509ce3

### Welche Farbe ist #509ce3?

#509ce3 ist ein kräftiges blau. Die nächste benannte Farbe ist Kräftiges Blau. In RGB ist das rgb(80, 156, 227), in HSL hsl(208.98, 72.41%, 60.2%) und in OKLCH oklch(67.541% 0.12995 248.9).

### Welche Farben passen zu #509ce3?

Die Komplementärfarbe von #509ce3 ist #ca862d. Ruhiger wirkt die Kombination mit den analogen Farben #00a9cd und #868de5. Die triadischen Partner sind #d97286 und #7ea649.

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

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

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

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