# Farbe #686e71: Grau

#686e71 ist rgb(104, 110, 113) in RGB und oklch(53.406% 0.00874 228.971) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/686e71

## Formate

| Format | Wert |
| --- | --- |
| HEX | #686e71 |
| RGB | rgb(104, 110, 113) |
| HSL | hsl(200, 4.15%, 42.55%) |
| HSB / HSV | hsv(200 7.96% 44.31%) |
| HWB | hwb(200 40.78% 55.69%) |
| CMYK | cmyk(8% 3% 0% 56%) |
| Lab | lab(45.99 -1.89 -2.51) |
| LCH | lch(45.99 3.14 233.06) |
| OKLab | oklab(53.406% -0.00573 -0.00659) |
| OKLCH | oklch(53.406% 0.00874 228.971) |
| Display P3 | color(display-p3 0.41214 0.43062 0.44172) |
| Rec. 2020 | color(rec2020 0.36223 0.37554 0.38785) |
| Adobe RGB | color(a98-rgb 0.41352 0.42955 0.44044) |
| ProPhoto RGB | color(prophoto-rgb 0.34592 0.35428 0.36577) |
| Lineares sRGB | color(srgb-linear 0.13843 0.15593 0.16513) |
| XYZ D65 | color(xyz-d65 0.14265 0.15287 0.17823) |
| XYZ D50 | color(xyz-d50 0.14405 0.15259 0.13499) |
| SwiftUI | Color(red: 0.408, green: 0.431, blue: 0.443) |
| UIKit | UIColor(red: 0.408, green: 0.431, blue: 0.443, alpha: 1) |
| Flutter / Compose | Color(0xFF686E71) |
| Android XML | #686E71 |

## Fakten

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

## Aufhellungen (mit Weiß)

#686e71, #767b7e, #84898c, #939799, #a1a5a7, #b0b4b5, #c0c2c4, #cfd1d2, #dfe0e1, #eff0f0

## Abdunklungen (mit Schwarz)

#686e71, #595f61, #4b5052, #3e4143, #303335, #242627, #18191a, #0c0e0e, #040404, #000101

## Abtönungen (mit Grau)

#686e71, #686e71, #696e70, #696e70, #6a6e6f, #6a6d6f, #6b6d6e, #6b6d6e, #6c6d6e, #6c6d6d

## Harmonien

- Komplementär: #686e71, #716c69
- Split: #686e71, #726b6b, #706c67
- Analog: #686e71, #676f6f, #6a6d72
- Triadisch: #686e71, #716b6e, #6d6d68
- Tetradisch: #686e71, #6d6c72, #716c69, #6d6d68
- Quadrat: #686e71, #6f6b70, #716c69, #6a6e69
- Monochrom: #686e71, #282d30, #474c4f, #8b9195, #b0b7ba

## Fragen zu #686e71

### Welche Farbe ist #686e71?

#686e71 ist ein grau. Die nächste benannte Farbe ist Grau. In RGB ist das rgb(104, 110, 113), in HSL hsl(200, 4.15%, 42.55%) und in OKLCH oklch(53.406% 0.00874 228.971).

### Welche Farben passen zu #686e71?

Die Komplementärfarbe von #686e71 ist #716c69. Ruhiger wirkt die Kombination mit den analogen Farben #676f6f und #6a6d72. Die triadischen Partner sind #716b6e und #6d6d68.

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

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

### Ist #686e71 eine warme oder kühle Farbe?

#686e71 wirkt neutral. In OKLCH liegt der Farbton bei 229 Grad, die Helligkeit bei 53,4 % und das Chroma bei 0.009.