# Farbe #2aa5bd: Kräftiges Cyan

#2aa5bd ist rgb(42, 165, 189) in RGB und oklch(66.764% 0.10765 214.322) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/2aa5bd

## Formate

| Format | Wert |
| --- | --- |
| HEX | #2aa5bd |
| RGB | rgb(42, 165, 189) |
| HSL | hsl(189.8, 63.64%, 45.29%) |
| HSB / HSV | hsv(189.8 77.78% 74.12%) |
| HWB | hwb(189.8 16.47% 25.88%) |
| CMYK | cmyk(78% 13% 0% 26%) |
| Lab | lab(62.15 -27.74 -22.41) |
| LCH | lch(62.15 35.66 218.94) |
| OKLab | oklab(66.764% -0.0889 -0.0607) |
| OKLCH | oklch(66.764% 0.10765 214.322) |
| Display P3 | color(display-p3 0.32428 0.63786 0.72939) |
| Rec. 2020 | color(rec2020 0.38325 0.58907 0.6976) |
| Adobe RGB | color(a98-rgb 0.38669 0.64117 0.73193) |
| ProPhoto RGB | color(prophoto-rgb 0.41798 0.55388 0.66904) |
| Lineares sRGB | color(srgb-linear 0.02315 0.37626 0.50888) |
| XYZ D65 | color(xyz-d65 0.23594 0.31075 0.529) |
| XYZ D50 | color(xyz-d50 0.22782 0.30574 0.40024) |
| SwiftUI | Color(red: 0.165, green: 0.647, blue: 0.741) |
| UIKit | UIColor(red: 0.165, green: 0.647, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF2AA5BD) |
| Android XML | #2AA5BD |

## Fakten

- Nächster Farbname: Kräftiges Cyan
- Farbgruppe: Cyanfarbene, kräftiges cyan
- Nächste Tailwind-Klasse: cyan-500
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 2.91:1
- Kontrast zu Schwarz: 7.22:1

## Aufhellungen (mit Weiß)

#2aa5bd, #4aaec4, #63b7ca, #79c0d1, #8dc9d8, #a1d2de, #b4dbe5, #c7e4eb, #daedf2, #ecf6f8

## Abdunklungen (mit Schwarz)

#2aa5bd, #238fa4, #1c798c, #166574, #10515d, #0a3d47, #052b33, #021a1f, #010a0d, #000102

## Abtönungen (mit Grau)

#2aa5bd, #3ea4b9, #4da2b5, #5aa1b1, #649fad, #6e9da9, #769ca5, #7f9aa1, #86989d, #8d9699

## Harmonien

- Komplementär: #2aa5bd, #ce7b67
- Split: #2aa5bd, #cc778c, #c28648
- Analog: #2aa5bd, #2caa9c, #569bd2
- Triadisch: #2aa5bd, #bd7baf, #aa933e
- Tetradisch: #2aa5bd, #808fd7, #ce7b67, #aa933e
- Quadrat: #2aa5bd, #a383ca, #ce7b67, #86a053
- Monochrom: #2aa5bd, #005b6f, #008097, #5acbe4, #84f3ff

## Fragen zu #2aa5bd

### Welche Farbe ist #2aa5bd?

#2aa5bd ist ein kräftiges cyan. Die nächste benannte Farbe ist Kräftiges Cyan. In RGB ist das rgb(42, 165, 189), in HSL hsl(189.8, 63.64%, 45.29%) und in OKLCH oklch(66.764% 0.10765 214.322).

### Welche Farben passen zu #2aa5bd?

Die Komplementärfarbe von #2aa5bd ist #ce7b67. Ruhiger wirkt die Kombination mit den analogen Farben #2caa9c und #569bd2. Die triadischen Partner sind #bd7baf und #aa933e.

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

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

### Ist #2aa5bd eine warme oder kühle Farbe?

#2aa5bd wirkt kühl. In OKLCH liegt der Farbton bei 214 Grad, die Helligkeit bei 66,8 % und das Chroma bei 0.108.