# Farbe #54ccc2: Kräftiges helles Petrol

#54ccc2 ist rgb(84, 204, 194) in RGB und oklch(77.496% 0.10796 187.616) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/54ccc2

## Formate

| Format | Wert |
| --- | --- |
| HEX | #54ccc2 |
| RGB | rgb(84, 204, 194) |
| HSL | hsl(175, 54.05%, 56.47%) |
| HSB / HSV | hsv(175 58.82% 80%) |
| HWB | hwb(175 32.94% 20%) |
| CMYK | cmyk(59% 0% 5% 20%) |
| Lab | lab(75.16 -36.8 -5.64) |
| LCH | lch(75.16 37.23 188.71) |
| OKLab | oklab(77.496% -0.107 -0.01431) |
| OKLCH | oklch(77.496% 0.10796 187.616) |
| Display P3 | color(display-p3 0.4615 0.78983 0.75886) |
| Rec. 2020 | color(rec2020 0.51845 0.75262 0.73223) |
| Adobe RGB | color(a98-rgb 0.51805 0.79502 0.757) |
| ProPhoto RGB | color(prophoto-rgb 0.53293 0.71836 0.70971) |
| Lineares sRGB | color(srgb-linear 0.08866 0.60383 0.53948) |
| XYZ D65 | color(xyz-d65 0.34985 0.48964 0.58648) |
| XYZ D50 | color(xyz-d50 0.34841 0.4853 0.4451) |
| SwiftUI | Color(red: 0.329, green: 0.8, blue: 0.761) |
| UIKit | UIColor(red: 0.329, green: 0.8, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF54CCC2) |
| Android XML | #54CCC2 |

## 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.95:1
- Kontrast zu Schwarz: 10.79:1

## Aufhellungen (mit Weiß)

#54ccc2, #6bd1c8, #7ed7ce, #90dcd4, #a2e1da, #b2e6e0, #c2ebe6, #d2f0ec, #e1f5f3, #f0faf9

## Abdunklungen (mit Schwarz)

#54ccc2, #48b1a8, #3c978f, #317e77, #266560, #1b4e49, #113734, #082220, #020f0e, #000202

## Abtönungen (mit Grau)

#54ccc2, #63cac1, #70c8c0, #7bc6be, #85c4bd, #8ec1bc, #97bfbb, #9fbdb9, #a7bbb8, #afb8b7

## Harmonien

- Komplementär: #54ccc2, #f198a9
- Split: #54ccc2, #e39bce, #f29d84
- Analog: #54ccc2, #77cb9b, #58c6e3
- Triadisch: #54ccc2, #c8a3eb, #e4a867
- Tetradisch: #54ccc2, #7cbcf7, #f198a9, #e4a867
- Quadrat: #54ccc2, #a5affa, #f198a9, #c8b661
- Monochrom: #54ccc2, #008178, #20a69c, #7ff4e9, #bafffe

## Fragen zu #54ccc2

### Welche Farbe ist #54ccc2?

#54ccc2 ist ein kräftiges helles petrol. Die nächste benannte Farbe ist Kräftiges helles Petrol. In RGB ist das rgb(84, 204, 194), in HSL hsl(175, 54.05%, 56.47%) und in OKLCH oklch(77.496% 0.10796 187.616).

### Welche Farben passen zu #54ccc2?

Die Komplementärfarbe von #54ccc2 ist #f198a9. Ruhiger wirkt die Kombination mit den analogen Farben #77cb9b und #58c6e3. Die triadischen Partner sind #c8a3eb und #e4a867.

### Ist weißer oder schwarzer Text auf #54ccc2 besser lesbar?

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

### Ist #54ccc2 eine warme oder kühle Farbe?

#54ccc2 wirkt kühl. In OKLCH liegt der Farbton bei 188 Grad, die Helligkeit bei 77,5 % und das Chroma bei 0.108.