# Farbe #686e69: Grau

#686e69 ist rgb(104, 110, 105) in RGB und oklch(53.145% 0.01061 150.545) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

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

## Formate

| Format | Wert |
| --- | --- |
| HEX | #686e69 |
| RGB | rgb(104, 110, 105) |
| HSL | hsl(130, 2.8%, 41.96%) |
| HSB / HSV | hsv(130 5.45% 43.14%) |
| HWB | hwb(130 40.78% 56.86%) |
| CMYK | cmyk(5% 0% 5% 57%) |
| Lab | lab(45.79 -3.15 1.96) |
| LCH | lch(45.79 3.71 148.09) |
| OKLab | oklab(53.145% -0.00924 0.00522) |
| OKLCH | oklch(53.145% 0.01061 150.545) |
| Display P3 | color(display-p3 0.41214 0.43062 0.41316) |
| Rec. 2020 | color(rec2020 0.36075 0.37516 0.35815) |
| Adobe RGB | color(a98-rgb 0.41352 0.42955 0.41149) |
| ProPhoto RGB | color(prophoto-rgb 0.34154 0.35343 0.33935) |
| Lineares sRGB | color(srgb-linear 0.13843 0.15593 0.14126) |
| XYZ D65 | color(xyz-d65 0.13834 0.15115 0.15554) |
| XYZ D50 | color(xyz-d50 0.14063 0.15115 0.11794) |
| SwiftUI | Color(red: 0.408, green: 0.431, blue: 0.412) |
| UIKit | UIColor(red: 0.408, green: 0.431, blue: 0.412, alpha: 1) |
| Flutter / Compose | Color(0xFF686E69) |
| Android XML | #686E69 |

## 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.22:1
- Kontrast zu Schwarz: 4.02:1

## Aufhellungen (mit Weiß)

#686e69, #767b77, #848985, #939793, #a1a5a2, #b0b4b1, #c0c2c0, #cfd1d0, #dfe0df, #eff0ef

## Abdunklungen (mit Schwarz)

#686e69, #595f5a, #4b504c, #3e413e, #303331, #242624, #181918, #0c0e0c, #040404, #000100

## Abtönungen (mit Grau)

#686e69, #686e69, #696e6a, #696d6a, #6a6d6a, #6a6d6b, #6a6d6b, #6b6d6b, #6b6c6b, #6c6c6c

## Harmonien

- Komplementär: #686e69, #706a6f
- Split: #686e69, #6d6b72, #726a6c
- Analog: #686e69, #6b6d66, #666e6c
- Triadisch: #686e69, #6a6c73, #726a68
- Tetradisch: #686e69, #666e70, #706a6f, #726a68
- Quadrat: #686e69, #676d72, #706a6f, #716b66
- Monochrom: #686e69, #282d29, #474c48, #8b918c, #b0b7b1

## Fragen zu #686e69

### Welche Farbe ist #686e69?

#686e69 ist ein grau. Die nächste benannte Farbe ist Grau. In RGB ist das rgb(104, 110, 105), in HSL hsl(130, 2.8%, 41.96%) und in OKLCH oklch(53.145% 0.01061 150.545).

### Welche Farben passen zu #686e69?

Die Komplementärfarbe von #686e69 ist #706a6f. Ruhiger wirkt die Kombination mit den analogen Farben #6b6d66 und #666e6c. Die triadischen Partner sind #6a6c73 und #726a68.

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

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

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

#686e69 wirkt neutral. In OKLCH liegt der Farbton bei 151 Grad, die Helligkeit bei 53,1 % und das Chroma bei 0.011.