# Farbe #bad3f0: Pastellfarbenes sehr helles Blau

#bad3f0 ist rgb(186, 211, 240) in RGB und oklch(85.772% 0.04864 252.236) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/bad3f0

## Formate

| Format | Wert |
| --- | --- |
| HEX | #bad3f0 |
| RGB | rgb(186, 211, 240) |
| HSL | hsl(212.22, 64.29%, 83.53%) |
| HSB / HSV | hsv(212.22 22.5% 94.12%) |
| HWB | hwb(212.22 72.94% 5.88%) |
| CMYK | cmyk(23% 12% 0% 6%) |
| Lab | lab(83.39 -4.02 -17.27) |
| LCH | lch(83.39 17.73 256.9) |
| OKLab | oklab(85.772% -0.01484 -0.04632) |
| OKLCH | oklch(85.772% 0.04864 252.236) |
| Display P3 | color(display-p3 0.74805 0.82444 0.93041) |
| Rec. 2020 | color(rec2020 0.74775 0.80177 0.92018) |
| Adobe RGB | color(a98-rgb 0.75355 0.82292 0.93486) |
| ProPhoto RGB | color(prophoto-rgb 0.75113 0.78164 0.90712) |
| Lineares sRGB | color(srgb-linear 0.49102 0.65141 0.87137) |
| XYZ D65 | color(xyz-d65 0.59269 0.63318 0.9154) |
| XYZ D50 | color(xyz-d50 0.58968 0.62906 0.69232) |
| SwiftUI | Color(red: 0.729, green: 0.827, blue: 0.941) |
| UIKit | UIColor(red: 0.729, green: 0.827, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFBAD3F0) |
| Android XML | #BAD3F0 |

## Fakten

- Nächster Farbname: Pastellfarbenes sehr helles Blau
- Farbgruppe: Blaue, pastellfarbenes sehr helles blau
- Nächste Tailwind-Klasse: blue-200
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 1.54:1
- Kontrast zu Schwarz: 13.66:1

## Aufhellungen (mit Weiß)

#bad3f0, #c1d7f2, #c8dcf3, #cfe0f5, #d5e5f6, #dce9f8, #e3edf9, #eaf2fb, #f1f6fc, #f8fbfe

## Abdunklungen (mit Schwarz)

#bad3f0, #a1b7d1, #899cb2, #728295, #5c6978, #46515d, #323a43, #1e242a, #0d1014, #020203

## Abtönungen (mit Grau)

#bad3f0, #bcd3ed, #bfd3ea, #c1d2e7, #c3d2e3, #c5d2e0, #c7d1dd, #cad1da, #ccd1d7, #ced0d3

## Harmonien

- Komplementär: #bad3f0, #e5ccae
- Split: #bad3f0, #edc7b8, #d6d2ae
- Analog: #bad3f0, #aed8e7, #cbcdf0
- Triadisch: #bad3f0, #eec4c8, #c4d8b7
- Tetradisch: #bad3f0, #dbc8e8, #e5ccae, #c4d8b7
- Quadrat: #bad3f0, #e8c4d9, #e5ccae, #b5dbc7
- Monochrom: #bad3f0, #7188a3, #95adc9, #e4f7ff, #e4f7ff

## Fragen zu #bad3f0

### Welche Farbe ist #bad3f0?

#bad3f0 ist ein pastellfarbenes sehr helles blau. Die nächste benannte Farbe ist Pastellfarbenes sehr helles Blau. In RGB ist das rgb(186, 211, 240), in HSL hsl(212.22, 64.29%, 83.53%) und in OKLCH oklch(85.772% 0.04864 252.236).

### Welche Farben passen zu #bad3f0?

Die Komplementärfarbe von #bad3f0 ist #e5ccae. Ruhiger wirkt die Kombination mit den analogen Farben #aed8e7 und #cbcdf0. Die triadischen Partner sind #eec4c8 und #c4d8b7.

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

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

### Ist #bad3f0 eine warme oder kühle Farbe?

#bad3f0 wirkt kühl. In OKLCH liegt der Farbton bei 252 Grad, die Helligkeit bei 85,8 % und das Chroma bei 0.049.