# Farbe #7c8a89: Grau

#7c8a89 ist rgb(124, 138, 137) in RGB und oklch(62.176% 0.01637 191.532) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/7c8a89

## Formate

| Format | Wert |
| --- | --- |
| HEX | #7c8a89 |
| RGB | rgb(124, 138, 137) |
| HSL | hsl(175.71, 5.65%, 51.37%) |
| HSB / HSV | hsv(175.71 10.14% 54.12%) |
| HWB | hwb(175.71 48.63% 45.88%) |
| CMYK | cmyk(10% 0% 1% 46%) |
| Lab | lab(56.31 -5.43 -1.29) |
| LCH | lch(56.31 5.58 193.38) |
| OKLab | oklab(62.176% -0.01604 -0.00327) |
| OKLCH | oklch(62.176% 0.01637 191.532) |
| Display P3 | color(display-p3 0.49659 0.53947 0.53672) |
| Rec. 2020 | color(rec2020 0.45798 0.4903 0.4895) |
| Adobe RGB | color(a98-rgb 0.49873 0.5364 0.53271) |
| ProPhoto RGB | color(prophoto-rgb 0.43743 0.46177 0.46274) |
| Lineares sRGB | color(srgb-linear 0.20156 0.25415 0.25016) |
| XYZ D65 | color(xyz-d65 0.21915 0.24268 0.27197) |
| XYZ D50 | color(xyz-d50 0.22157 0.24221 0.20612) |
| SwiftUI | Color(red: 0.486, green: 0.541, blue: 0.537) |
| UIKit | UIColor(red: 0.486, green: 0.541, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFF7C8A89) |
| Android XML | #7C8A89 |

## Fakten

- Nächster Farbname: Grau
- Farbgruppe: Graue, grau
- Nächste Tailwind-Klasse: olive-500
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 3.59:1
- Kontrast zu Schwarz: 5.85:1

## Aufhellungen (mit Weiß)

#7c8a89, #889594, #95a09f, #a2acab, #aeb7b7, #bcc3c2, #c9cfce, #d6dbda, #e4e7e6, #f1f3f3

## Abdunklungen (mit Schwarz)

#7c8a89, #6b7776, #5a6564, #4a5353, #3b4242, #2c3231, #1e2222, #111414, #050707, #010101

## Abtönungen (mit Grau)

#7c8a89, #7d8a89, #7e8989, #7f8988, #808988, #818888, #828888, #838887, #848787, #858787

## Harmonien

- Komplementär: #7c8a89, #908384
- Split: #7c8a89, #8e8389, #90847f
- Analog: #7c8a89, #7e8a84, #7c898e
- Triadisch: #7c8a89, #8a848e, #8d857c
- Tetradisch: #7c8a89, #808891, #908384, #8d857c
- Quadrat: #7c8a89, #858691, #908384, #88877c
- Monochrom: #7c8a89, #394645, #5a6766, #a0afae, #c6d5d4

## Fragen zu #7c8a89

### Welche Farbe ist #7c8a89?

#7c8a89 ist ein grau. Die nächste benannte Farbe ist Grau. In RGB ist das rgb(124, 138, 137), in HSL hsl(175.71, 5.65%, 51.37%) und in OKLCH oklch(62.176% 0.01637 191.532).

### Welche Farben passen zu #7c8a89?

Die Komplementärfarbe von #7c8a89 ist #908384. Ruhiger wirkt die Kombination mit den analogen Farben #7e8a84 und #7c898e. Die triadischen Partner sind #8a848e und #8d857c.

### Ist weißer oder schwarzer Text auf #7c8a89 besser lesbar?

Weißer Text ist auf #7c8a89 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 3.59:1, Schwarz 5.85:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

### Ist #7c8a89 eine warme oder kühle Farbe?

#7c8a89 wirkt neutral. In OKLCH liegt der Farbton bei 192 Grad, die Helligkeit bei 62,2 % und das Chroma bei 0.016.
