# Farbe #5abbb5: Kräftiges helles Petrol

#5abbb5 ist rgb(90, 187, 181) in RGB und oklch(73.205% 0.09193 189.945) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/5abbb5

## Formate

| Format | Wert |
| --- | --- |
| HEX | #5abbb5 |
| RGB | rgb(90, 187, 181) |
| HSL | hsl(176.29, 41.63%, 54.31%) |
| HSB / HSV | hsv(176.29 51.87% 73.33%) |
| HWB | hwb(176.29 35.29% 26.67%) |
| CMYK | cmyk(52% 0% 3% 27%) |
| Lab | lab(69.97 -30.96 -6.18) |
| LCH | lch(69.97 31.57 191.3) |
| OKLab | oklab(73.205% -0.09055 -0.01588) |
| OKLCH | oklch(73.205% 0.09193 189.945) |
| Display P3 | color(display-p3 0.45205 0.72461 0.7073) |
| Rec. 2020 | color(rec2020 0.48746 0.68279 0.67523) |
| Adobe RGB | color(a98-rgb 0.49678 0.72762 0.70495) |
| ProPhoto RGB | color(prophoto-rgb 0.49608 0.64734 0.64968) |
| Lineares sRGB | color(srgb-linear 0.10224 0.49693 0.46208) |
| XYZ D65 | color(xyz-d65 0.30326 0.41049 0.50043) |
| XYZ D50 | color(xyz-d50 0.30209 0.407 0.37964) |
| SwiftUI | Color(red: 0.353, green: 0.733, blue: 0.71) |
| UIKit | UIColor(red: 0.353, green: 0.733, blue: 0.71, alpha: 1) |
| Flutter / Compose | Color(0xFF5ABBB5) |
| Android XML | #5ABBB5 |

## Fakten

- Nächster Farbname: Kräftiges helles Petrol
- Farbgruppe: Petrolfarbene, kräftiges helles petrol
- Nächste Tailwind-Klasse: teal-500
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 2.28:1
- Kontrast zu Schwarz: 9.21:1

## Aufhellungen (mit Weiß)

#5abbb5, #6ec2bc, #80c9c3, #91d0cb, #a1d6d2, #b1ddd9, #c1e4e1, #d1ebe8, #e0f2f0, #f0f8f7

## Abdunklungen (mit Schwarz)

#5abbb5, #4da29d, #418a86, #35736f, #295c59, #1e4644, #133230, #091f1d, #030d0c, #000202

## Abtönungen (mit Grau)

#5abbb5, #65b9b4, #6fb8b2, #78b6b1, #80b4b0, #87b2af, #8fb0ad, #95aeac, #9cacab, #a2aaa9

## Harmonien

- Komplementär: #5abbb5, #db909b
- Split: #5abbb5, #d092bb, #db957c
- Analog: #5abbb5, #72ba94, #5fb6d0
- Triadisch: #5abbb5, #ba98d4, #ce9e67
- Tetradisch: #5abbb5, #7bade0, #db909b, #ce9e67
- Quadrat: #5abbb5, #9da2e2, #db909b, #b6aa64
- Monochrom: #5abbb5, #00716c, #2f9590, #82e2dc, #b7ffff

## Fragen zu #5abbb5

### Welche Farbe ist #5abbb5?

#5abbb5 ist ein kräftiges helles petrol. Die nächste benannte Farbe ist Kräftiges helles Petrol. In RGB ist das rgb(90, 187, 181), in HSL hsl(176.29, 41.63%, 54.31%) und in OKLCH oklch(73.205% 0.09193 189.945).

### Welche Farben passen zu #5abbb5?

Die Komplementärfarbe von #5abbb5 ist #db909b. Ruhiger wirkt die Kombination mit den analogen Farben #72ba94 und #5fb6d0. Die triadischen Partner sind #ba98d4 und #ce9e67.

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

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

### Ist #5abbb5 eine warme oder kühle Farbe?

#5abbb5 wirkt kühl. In OKLCH liegt der Farbton bei 190 Grad, die Helligkeit bei 73,2 % und das Chroma bei 0.092.