# Farbe #a2afd3: Staubiges helles Blau

#a2afd3 ist rgb(162, 175, 211) in RGB und oklch(75.614% 0.05387 269.496) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #a2afd3 |
| RGB | rgb(162, 175, 211) |
| HSL | hsl(224.08, 35.77%, 73.14%) |
| HSB / HSV | hsv(224.08 23.22% 82.75%) |
| HWB | hwb(224.08 63.53% 17.25%) |
| CMYK | cmyk(23% 17% 0% 17%) |
| Lab | lab(71.36 1.19 -19.94) |
| LCH | lch(71.36 19.98 273.42) |
| OKLab | oklab(75.614% -0.00047 -0.05387) |
| OKLCH | oklch(75.614% 0.05387 269.496) |
| Display P3 | color(display-p3 0.64473 0.68466 0.81544) |
| Rec. 2020 | color(rec2020 0.62532 0.64992 0.79175) |
| Adobe RGB | color(a98-rgb 0.64444 0.68035 0.81763) |
| ProPhoto RGB | color(prophoto-rgb 0.62111 0.62436 0.76697) |
| Lineares sRGB | color(srgb-linear 0.36131 0.42869 0.65141) |
| XYZ D65 | color(xyz-d65 0.41986 0.43044 0.67726) |
| XYZ D50 | color(xyz-d50 0.41587 0.4272 0.51182) |
| SwiftUI | Color(red: 0.635, green: 0.686, blue: 0.827) |
| UIKit | UIColor(red: 0.635, green: 0.686, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFFA2AFD3) |
| Android XML | #A2AFD3 |

## Fakten

- Nächster Farbname: Staubiges helles Blau
- Farbgruppe: Blaue, staubiges helles blau
- Nächste Tailwind-Klasse: slate-400
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 2.19:1
- Kontrast zu Schwarz: 9.61:1

## Aufhellungen (mit Weiß)

#a2afd3, #abb7d8, #b4bfdc, #bdc7e0, #c6cfe5, #d0d7e9, #d9dfee, #e2e7f2, #eceff6, #f5f7fb

## Abdunklungen (mit Schwarz)

#a2afd3, #8c98b7, #77819c, #636b82, #4f5669, #3c4151, #2a2e3a, #191c24, #0a0b10, #010102

## Abtönungen (mit Grau)

#a2afd3, #a3afd0, #a5afcc, #a6afc9, #a7afc5, #a9b0c2, #aab0be, #acb0ba, #adb0b7, #aeb0b3

## Harmonien

- Komplementär: #a2afd3, #bdaf89
- Split: #a2afd3, #caa88e, #abb58f
- Analog: #a2afd3, #91b5cf, #b4a9ce
- Triadisch: #a2afd3, #d0a49c, #99ba9e
- Tetradisch: #a2afd3, #c4a4c1, #bdaf89, #99ba9e
- Quadrat: #a2afd3, #cea2af, #bdaf89, #8bbcb1
- Monochrom: #a2afd3, #5b6787, #7e8aac, #c8d5fb, #ecf5ff

## Fragen zu #a2afd3

### Welche Farbe ist #a2afd3?

#a2afd3 ist ein staubiges helles blau. Die nächste benannte Farbe ist Staubiges helles Blau. In RGB ist das rgb(162, 175, 211), in HSL hsl(224.08, 35.77%, 73.14%) und in OKLCH oklch(75.614% 0.05387 269.496).

### Welche Farben passen zu #a2afd3?

Die Komplementärfarbe von #a2afd3 ist #bdaf89. Ruhiger wirkt die Kombination mit den analogen Farben #91b5cf und #b4a9ce. Die triadischen Partner sind #d0a49c und #99ba9e.

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

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

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

#a2afd3 wirkt kühl. In OKLCH liegt der Farbton bei 269 Grad, die Helligkeit bei 75,6 % und das Chroma bei 0.054.