# Farbe #677170: Grau

#677170 ist rgb(103, 113, 112) in RGB und oklch(53.984% 0.0122 189.557) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/677170

## Formate

| Format | Wert |
| --- | --- |
| HEX | #677170 |
| RGB | rgb(103, 113, 112) |
| HSL | hsl(174, 4.63%, 42.35%) |
| HSB / HSV | hsv(174 8.85% 44.31%) |
| HWB | hwb(174 40.39% 55.69%) |
| CMYK | cmyk(9% 0% 1% 56%) |
| Lab | lab(46.76 -4.07 -0.81) |
| LCH | lch(46.76 4.15 191.2) |
| OKLab | oklab(53.984% -0.01203 -0.00203) |
| OKLCH | oklch(53.984% 0.0122 189.557) |
| Display P3 | color(display-p3 0.41122 0.4419 0.43893) |
| Rec. 2020 | color(rec2020 0.36386 0.38674 0.38514) |
| Adobe RGB | color(a98-rgb 0.41434 0.4409 0.43727) |
| ProPhoto RGB | color(prophoto-rgb 0.34737 0.36396 0.36372) |
| Lineares sRGB | color(srgb-linear 0.13563 0.16513 0.16203) |
| XYZ D65 | color(xyz-d65 0.14423 0.15864 0.17632) |
| XYZ D50 | color(xyz-d50 0.14593 0.15838 0.13362) |
| SwiftUI | Color(red: 0.404, green: 0.443, blue: 0.439) |
| UIKit | UIColor(red: 0.404, green: 0.443, blue: 0.439, alpha: 1) |
| Flutter / Compose | Color(0xFF677170) |
| Android XML | #677170 |

## Fakten

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

## Aufhellungen (mit Weiß)

#677170, #757e7d, #838c8b, #929999, #a1a7a7, #b0b5b5, #bfc4c3, #cfd2d2, #dfe1e1, #eff0f0

## Abdunklungen (mit Schwarz)

#677170, #596160, #4b5251, #3d4343, #303535, #232727, #171a1a, #0c0e0e, #040404, #000101

## Abtönungen (mit Grau)

#677170, #687170, #697170, #697070, #6a706f, #6b706f, #6c6f6f, #6c6f6f, #6d6f6f, #6e6f6f

## Harmonien

- Komplementär: #677170, #756c6d
- Split: #677170, #746c71, #756c69
- Analog: #677170, #69716c, #677073
- Triadisch: #677170, #716d74, #736d67
- Tetradisch: #677170, #696f76, #756c6d, #736d67
- Quadrat: #677170, #6d6e76, #756c6d, #706f67
- Monochrom: #677170, #27302f, #464f4e, #8a9594, #afbab9

## Fragen zu #677170

### Welche Farbe ist #677170?

#677170 ist ein grau. Die nächste benannte Farbe ist Grau. In RGB ist das rgb(103, 113, 112), in HSL hsl(174, 4.63%, 42.35%) und in OKLCH oklch(53.984% 0.0122 189.557).

### Welche Farben passen zu #677170?

Die Komplementärfarbe von #677170 ist #756c6d. Ruhiger wirkt die Kombination mit den analogen Farben #69716c und #677073. Die triadischen Partner sind #716d74 und #736d67.

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

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

### Ist #677170 eine warme oder kühle Farbe?

#677170 wirkt neutral. In OKLCH liegt der Farbton bei 190 Grad, die Helligkeit bei 54 % und das Chroma bei 0.012.