# Farbe #21ccbc: Kräftiges helles Petrol

#21ccbc ist rgb(33, 204, 188) in RGB und oklch(76.222% 0.12964 184.679) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/21ccbc

## Formate

| Format | Wert |
| --- | --- |
| HEX | #21ccbc |
| RGB | rgb(33, 204, 188) |
| HSL | hsl(174.39, 72.15%, 46.47%) |
| HSB / HSV | hsv(174.39 83.82% 80%) |
| HWB | hwb(174.39 12.94% 20%) |
| CMYK | cmyk(84% 0% 8% 20%) |
| Lab | lab(73.98 -44.91 -4.29) |
| LCH | lch(73.98 45.11 185.46) |
| OKLab | oklab(76.222% -0.12921 -0.01057) |
| OKLCH | oklch(76.222% 0.12964 184.679) |
| Display P3 | color(display-p3 0.38065 0.78836 0.73658) |
| Rec. 2020 | color(rec2020 0.46828 0.74891 0.70817) |
| Adobe RGB | color(a98-rgb 0.46186 0.79502 0.73431) |
| ProPhoto RGB | color(prophoto-rgb 0.49116 0.71237 0.68532) |
| Lineares sRGB | color(srgb-linear 0.01521 0.60383 0.50289) |
| XYZ D65 | color(xyz-d65 0.31295 0.47138 0.55028) |
| XYZ D50 | color(xyz-d50 0.31115 0.46674 0.41794) |
| SwiftUI | Color(red: 0.129, green: 0.8, blue: 0.737) |
| UIKit | UIColor(red: 0.129, green: 0.8, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF21CCBC) |
| Android XML | #21CCBC |

## 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ß: 2.01:1
- Kontrast zu Schwarz: 10.43:1

## Aufhellungen (mit Weiß)

#21ccbc, #4dd1c3, #68d7c9, #7fdcd0, #94e1d6, #a8e6dd, #baebe4, #ccf0eb, #ddf5f1, #eefaf8

## Abdunklungen (mit Schwarz)

#21ccbc, #1bb1a3, #16978b, #107e73, #0b655d, #064e47, #033732, #01221f, #000f0d, #000202

## Abtönungen (mit Grau)

#21ccbc, #43cabb, #58c7ba, #68c5b9, #76c2b8, #82c0b7, #8dbdb6, #97bab5, #a0b7b4, #a9b5b3

## Harmonien

- Komplementär: #21ccbc, #f68da7
- Split: #21ccbc, #e491d3, #f89279
- Analog: #21ccbc, #67ca8d, #20c6e5
- Triadisch: #21ccbc, #c59cf4, #ea9f51
- Tetradisch: #21ccbc, #63bafe, #f68da7, #ea9f51
- Quadrat: #21ccbc, #99abff, #f68da7, #ccb044
- Monochrom: #21ccbc, #007e72, #00a597, #5df4e3, #bbfffb

## Fragen zu #21ccbc

### Welche Farbe ist #21ccbc?

#21ccbc ist ein kräftiges helles petrol. Die nächste benannte Farbe ist Kräftiges helles Petrol. In RGB ist das rgb(33, 204, 188), in HSL hsl(174.39, 72.15%, 46.47%) und in OKLCH oklch(76.222% 0.12964 184.679).

### Welche Farben passen zu #21ccbc?

Die Komplementärfarbe von #21ccbc ist #f68da7. Ruhiger wirkt die Kombination mit den analogen Farben #67ca8d und #20c6e5. Die triadischen Partner sind #c59cf4 und #ea9f51.

### Ist weißer oder schwarzer Text auf #21ccbc besser lesbar?

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

### Ist #21ccbc eine warme oder kühle Farbe?

#21ccbc wirkt kühl. In OKLCH liegt der Farbton bei 185 Grad, die Helligkeit bei 76,2 % und das Chroma bei 0.13.
