# Farbe #5bccbd: Kräftiges helles Petrol

#5bccbd ist rgb(91, 204, 189) in RGB und oklch(77.569% 0.10537 183.607) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #5bccbd |
| RGB | rgb(91, 204, 189) |
| HSL | hsl(172.04, 52.56%, 57.84%) |
| HSB / HSV | hsv(172.04 55.39% 80%) |
| HWB | hwb(172.04 35.69% 20%) |
| CMYK | cmyk(55% 0% 7% 20%) |
| Lab | lab(75.26 -36.38 -2.78) |
| LCH | lch(75.26 36.49 184.36) |
| OKLab | oklab(77.569% -0.10516 -0.00663) |
| OKLCH | oklch(77.569% 0.10537 183.607) |
| Display P3 | color(display-p3 0.47686 0.79014 0.74116) |
| Rec. 2020 | color(rec2020 0.52707 0.75313 0.71308) |
| Adobe RGB | color(a98-rgb 0.52932 0.79502 0.73809) |
| ProPhoto RGB | color(prophoto-rgb 0.53673 0.71888 0.69034) |
| Lineares sRGB | color(srgb-linear 0.10462 0.60383 0.50888) |
| XYZ D65 | color(xyz-d65 0.35091 0.49082 0.5577) |
| XYZ D50 | color(xyz-d50 0.35099 0.487 0.42347) |
| SwiftUI | Color(red: 0.357, green: 0.8, blue: 0.741) |
| UIKit | UIColor(red: 0.357, green: 0.8, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF5BCCBD) |
| Android XML | #5BCCBD |

## Fakten

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

## Aufhellungen (mit Weiß)

#5bccbd, #70d1c3, #82d7ca, #94dcd0, #a4e1d7, #b4e6de, #c3ebe4, #d3f0eb, #e2f5f2, #f0faf8

## Abdunklungen (mit Schwarz)

#5bccbd, #4eb1a4, #41978c, #357e74, #29655d, #1e4e47, #133733, #09221f, #030f0d, #000202

## Abtönungen (mit Grau)

#5bccbd, #68cabc, #74c8bc, #7ec6bb, #88c4ba, #91c2b9, #99bfb9, #a1bdb8, #a8bbb7, #afb8b7

## Harmonien

- Komplementär: #5bccbd, #ef99af
- Split: #5bccbd, #df9dd2, #f19d8a
- Analog: #5bccbd, #7fca97, #58c7df
- Triadisch: #5bccbd, #c4a5ed, #e6a76c
- Tetradisch: #5bccbd, #78bef4, #ef99af, #e6a76c
- Quadrat: #5bccbd, #a0b1fa, #ef99af, #ccb563
- Monochrom: #5bccbd, #008174, #2ca698, #85f4e4, #bcfffa

## Fragen zu #5bccbd

### Welche Farbe ist #5bccbd?

#5bccbd ist ein kräftiges helles petrol. Die nächste benannte Farbe ist Kräftiges helles Petrol. In RGB ist das rgb(91, 204, 189), in HSL hsl(172.04, 52.56%, 57.84%) und in OKLCH oklch(77.569% 0.10537 183.607).

### Welche Farben passen zu #5bccbd?

Die Komplementärfarbe von #5bccbd ist #ef99af. Ruhiger wirkt die Kombination mit den analogen Farben #7fca97 und #58c7df. Die triadischen Partner sind #c4a5ed und #e6a76c.

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

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

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

#5bccbd wirkt kühl. In OKLCH liegt der Farbton bei 184 Grad, die Helligkeit bei 77,6 % und das Chroma bei 0.105.