# Farbe #a2bbf0: Sanftes helles Blau

#a2bbf0 ist rgb(162, 187, 240) in RGB und oklch(79.225% 0.08064 264.965) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #a2bbf0 |
| RGB | rgb(162, 187, 240) |
| HSL | hsl(220.77, 72.22%, 78.82%) |
| HSB / HSV | hsv(220.77 32.5% 94.12%) |
| HWB | hwb(220.77 63.53% 5.88%) |
| CMYK | cmyk(33% 22% 0% 6%) |
| Lab | lab(75.42 0.46 -29.48) |
| LCH | lch(75.42 29.49 270.89) |
| OKLab | oklab(79.225% -0.00708 -0.08033) |
| OKLCH | oklch(79.225% 0.08064 264.965) |
| Display P3 | color(display-p3 0.6541 0.73035 0.9239) |
| Rec. 2020 | color(rec2020 0.6511 0.69948 0.91161) |
| Adobe RGB | color(a98-rgb 0.65921 0.72762 0.93172) |
| ProPhoto RGB | color(prophoto-rgb 0.66343 0.67595 0.89482) |
| Lineares sRGB | color(srgb-linear 0.36131 0.49693 0.87137) |
| XYZ D65 | color(xyz-d65 0.48396 0.49512 0.89448) |
| XYZ D50 | color(xyz-d50 0.47362 0.48946 0.67552) |
| SwiftUI | Color(red: 0.635, green: 0.733, blue: 0.941) |
| UIKit | UIColor(red: 0.635, green: 0.733, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFA2BBF0) |
| Android XML | #A2BBF0 |

## Fakten

- Nächster Farbname: Sanftes helles Blau
- Farbgruppe: Blaue, sanftes helles blau
- Nächste Tailwind-Klasse: blue-300
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 1.93:1
- Kontrast zu Schwarz: 10.9:1

## Aufhellungen (mit Weiß)

#a2bbf0, #abc2f2, #b4c9f4, #bdcff5, #c6d6f7, #d0ddf8, #d9e4fa, #e2ebfb, #ecf1fd, #f5f8fe

## Abdunklungen (mit Schwarz)

#a2bbf0, #8ca2d1, #778ab2, #637395, #4f5c78, #3c465d, #2a3243, #191f2a, #0a0d14, #010203

## Abtönungen (mit Grau)

#a2bbf0, #a5bbeb, #a7bbe6, #aabbe0, #acbbdb, #afbbd6, #b1bbd1, #b4bbcb, #b6bbc6, #b9bbc1

## Harmonien

- Komplementär: #a2bbf0, #d3b87f
- Split: #a2bbf0, #e4ae8a, #b9c286
- Analog: #a2bbf0, #87c4e8, #beb1ea
- Triadisch: #a2bbf0, #eba7a1, #9bc99c
- Tetradisch: #a2bbf0, #d6aad8, #d3b87f, #9bc99c
- Quadrat: #a2bbf0, #e6a6be, #d3b87f, #82cdb8
- Monochrom: #a2bbf0, #5b71a2, #7e95c8, #cee2ff, #eaf5ff

## Fragen zu #a2bbf0

### Welche Farbe ist #a2bbf0?

#a2bbf0 ist ein sanftes helles blau. Die nächste benannte Farbe ist Sanftes helles Blau. In RGB ist das rgb(162, 187, 240), in HSL hsl(220.77, 72.22%, 78.82%) und in OKLCH oklch(79.225% 0.08064 264.965).

### Welche Farben passen zu #a2bbf0?

Die Komplementärfarbe von #a2bbf0 ist #d3b87f. Ruhiger wirkt die Kombination mit den analogen Farben #87c4e8 und #beb1ea. Die triadischen Partner sind #eba7a1 und #9bc99c.

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

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

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

#a2bbf0 wirkt kühl. In OKLCH liegt der Farbton bei 265 Grad, die Helligkeit bei 79,2 % und das Chroma bei 0.081.
