# Farbe #22d2bf: Kräftiges helles Petrol

#22d2bf ist rgb(34, 210, 191) in RGB und oklch(77.812% 0.13347 183.169) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/22d2bf

## Formate

| Format | Wert |
| --- | --- |
| HEX | #22d2bf |
| RGB | rgb(34, 210, 191) |
| HSL | hsl(173.52, 72.13%, 47.84%) |
| HSB / HSV | hsv(173.52 83.81% 82.35%) |
| HWB | hwb(173.52 13.33% 17.65%) |
| CMYK | cmyk(84% 0% 9% 18%) |
| Lab | lab(75.89 -46.46 -3.11) |
| LCH | lch(75.89 46.56 183.83) |
| OKLab | oklab(77.812% -0.13326 -0.00738) |
| OKLCH | oklch(77.812% 0.13347 183.169) |
| Display P3 | color(display-p3 0.39236 0.81157 0.74922) |
| Rec. 2020 | color(rec2020 0.48428 0.77401 0.7223) |
| Adobe RGB | color(a98-rgb 0.47556 0.81893 0.74672) |
| ProPhoto RGB | color(prophoto-rgb 0.50703 0.7383 0.70057) |
| Lineares sRGB | color(srgb-linear 0.016 0.64448 0.521) |
| XYZ D65 | color(xyz-d65 0.33108 0.50192 0.57235) |
| XYZ D50 | color(xyz-d50 0.32974 0.49716 0.43483) |
| SwiftUI | Color(red: 0.133, green: 0.824, blue: 0.749) |
| UIKit | UIColor(red: 0.133, green: 0.824, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF22D2BF) |
| Android XML | #22D2BF |

## 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.9:1
- Kontrast zu Schwarz: 11.04:1

## Aufhellungen (mit Weiß)

#22d2bf, #4ed7c5, #6adccc, #81e0d2, #96e5d8, #a9e9df, #bbeee5, #cdf2eb, #def7f2, #effbf8

## Abdunklungen (mit Schwarz)

#22d2bf, #1cb6a6, #169b8d, #118175, #0b685e, #075048, #033933, #01241f, #00100d, #000202

## Abtönungen (mit Grau)

#22d2bf, #45d0be, #5acdbd, #6bcbbc, #79c8bc, #86c5bb, #91c2ba, #9bc0b9, #a5bdb8, #aebab7

## Harmonien

- Komplementär: #22d2bf, #fd91ae
- Split: #22d2bf, #e995db, #ff957e
- Analog: #22d2bf, #6ccf8e, #18ccea
- Triadisch: #22d2bf, #c8a1fd, #f2a354
- Tetradisch: #22d2bf, #62c0ff, #fd91ae, #f2a354
- Quadrat: #22d2bf, #9bb0ff, #fd91ae, #d4b444
- Monochrom: #22d2bf, #008375, #00ab9a, #5ffae6, #bcfffa

## Fragen zu #22d2bf

### Welche Farbe ist #22d2bf?

#22d2bf ist ein kräftiges helles petrol. Die nächste benannte Farbe ist Kräftiges helles Petrol. In RGB ist das rgb(34, 210, 191), in HSL hsl(173.52, 72.13%, 47.84%) und in OKLCH oklch(77.812% 0.13347 183.169).

### Welche Farben passen zu #22d2bf?

Die Komplementärfarbe von #22d2bf ist #fd91ae. Ruhiger wirkt die Kombination mit den analogen Farben #6ccf8e und #18ccea. Die triadischen Partner sind #c8a1fd und #f2a354.

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

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

### Ist #22d2bf eine warme oder kühle Farbe?

#22d2bf wirkt kühl. In OKLCH liegt der Farbton bei 183 Grad, die Helligkeit bei 77,8 % und das Chroma bei 0.133.