# Farbe #22cec4: Kräftiges helles Petrol

#22cec4 ist rgb(34, 206, 196) in RGB und oklch(76.985% 0.12867 188.469) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #22cec4 |
| RGB | rgb(34, 206, 196) |
| HSL | hsl(176.51, 71.67%, 47.06%) |
| HSB / HSV | hsv(176.51 83.5% 80.78%) |
| HWB | hwb(176.51 13.33% 19.22%) |
| CMYK | cmyk(83% 0% 5% 19%) |
| Lab | lab(74.79 -43.86 -7.39) |
| LCH | lch(74.79 44.48 189.56) |
| OKLab | oklab(76.985% -0.12727 -0.01895) |
| OKLCH | oklch(76.985% 0.12867 188.469) |
| Display P3 | color(display-p3 0.3852 0.79611 0.76586) |
| Rec. 2020 | color(rec2020 0.47601 0.75762 0.73999) |
| Adobe RGB | color(a98-rgb 0.46685 0.80298 0.76493) |
| ProPhoto RGB | color(prophoto-rgb 0.50257 0.7219 0.71785) |
| Lineares sRGB | color(srgb-linear 0.016 0.61721 0.55201) |
| XYZ D65 | color(xyz-d65 0.32693 0.48466 0.59858) |
| XYZ D50 | color(xyz-d50 0.32367 0.47949 0.45433) |
| SwiftUI | Color(red: 0.133, green: 0.808, blue: 0.769) |
| UIKit | UIColor(red: 0.133, green: 0.808, blue: 0.769, alpha: 1) |
| Flutter / Compose | Color(0xFF22CEC4) |
| Android XML | #22CEC4 |

## 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.96:1
- Kontrast zu Schwarz: 10.69:1

## Aufhellungen (mit Weiß)

#22cec4, #4dd3ca, #69d8d0, #80ddd5, #95e2db, #a8e7e1, #baece7, #ccf1ed, #ddf6f3, #eefaf9

## Abdunklungen (mit Schwarz)

#22cec4, #1cb3aa, #169891, #117f78, #0b6661, #074e4a, #033835, #012321, #000f0e, #000202

## Abtönungen (mit Grau)

#22cec4, #44ccc2, #59c9c1, #69c7bf, #77c4be, #84c2bc, #8fbfba, #99bdb9, #a3bab7, #abb7b6

## Harmonien

- Komplementär: #22cec4, #f990a4
- Split: #22cec4, #e993d0, #fa9676
- Analog: #22cec4, #62cd95, #31c7eb
- Triadisch: #22cec4, #cb9df3, #e9a451
- Tetradisch: #22cec4, #6ebaff, #f990a4, #e9a451
- Quadrat: #22cec4, #a2abff, #f990a4, #c9b549
- Monochrom: #22cec4, #007f78, #00a79e, #5ef6eb, #b9ffff

## Fragen zu #22cec4

### Welche Farbe ist #22cec4?

#22cec4 ist ein kräftiges helles petrol. Die nächste benannte Farbe ist Kräftiges helles Petrol. In RGB ist das rgb(34, 206, 196), in HSL hsl(176.51, 71.67%, 47.06%) und in OKLCH oklch(76.985% 0.12867 188.469).

### Welche Farben passen zu #22cec4?

Die Komplementärfarbe von #22cec4 ist #f990a4. Ruhiger wirkt die Kombination mit den analogen Farben #62cd95 und #31c7eb. Die triadischen Partner sind #cb9df3 und #e9a451.

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

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

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

#22cec4 wirkt kühl. In OKLCH liegt der Farbton bei 188 Grad, die Helligkeit bei 77 % und das Chroma bei 0.129.