# Colore #686563: Grigio

#686563 corrisponde a rgb(104, 101, 99) in RGB e a oklch(50.884% 0.00493 56.3) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

Fonte: https://pickshade.com/it/color/686563

## Formati

| Formato | Valore |
| --- | --- |
| HEX | #686563 |
| RGB | rgb(104, 101, 99) |
| HSL | hsl(24, 2.46%, 39.8%) |
| HSB / HSV | hsv(24 4.81% 40.78%) |
| HWB | hwb(24 38.82% 59.22%) |
| CMYK | cmyk(0% 3% 5% 59%) |
| Lab | lab(43.01 0.92 1.58) |
| LCH | lch(43.01 1.83 59.71) |
| OKLab | oklab(50.884% 0.00273 0.0041) |
| OKLCH | oklch(50.884% 0.00493 56.3) |
| Display P3 | color(display-p3 0.40579 0.39648 0.38915) |
| Rec. 2020 | color(rec2020 0.34731 0.34061 0.33267) |
| Adobe RGB | color(a98-rgb 0.40375 0.39565 0.38846) |
| ProPhoto RGB | color(prophoto-rgb 0.32708 0.32302 0.31587) |
| sRGB lineare | color(srgb-linear 0.13843 0.13014 0.12477) |
| XYZ D65 | color(xyz-d65 0.12614 0.13151 0.13679) |
| XYZ D50 | color(xyz-d50 0.12834 0.13166 0.10366) |
| SwiftUI | Color(red: 0.408, green: 0.396, blue: 0.388) |
| UIKit | UIColor(red: 0.408, green: 0.396, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFF686563) |
| Android XML | #686563 |

## Dati

- Nome più vicino: Grigio
- Famiglia di colori: Grigio, grigio
- Classe Tailwind più vicina: taupe-500
- Gamut: Dentro sRGB: si vede uguale su qualsiasi schermo.
- Contrasto con il bianco: 5.78:1
- Contrasto con il nero: 3.63:1

## Varianti chiare

#686563, #767371, #848280, #93908f, #a19f9e, #b0afae, #c0bebd, #cfcece, #dfdede, #efefee

## Varianti scure

#686563, #595755, #4b4947, #3e3c3a, #302f2e, #242221, #181716, #0c0c0b, #040303, #000000

## Varianti tenui

#686563, #686563, #686564, #676564, #676564, #676564, #676565, #666565, #666565, #666665

## Armonie

- Complementare: #686563, #636668
- Complementare divisa: #686563, #636767, #646669
- Analoga: #686563, #686564, #676663
- Triadica: #686563, #636766, #666568
- Tetradica: #686563, #656663, #636668, #666568
- Quadrata: #686563, #646664, #636668, #676567
- Monocromatica: #686563, #282624, #474442, #8b8886, #b0adab

## Domande su #686563

### Che colore è #686563?

#686563 è un grigio. Il colore con nome più vicino è Grigio. In RGB è rgb(104, 101, 99), in HSL hsl(24, 2.46%, 39.8%) e in OKLCH oklch(50.884% 0.00493 56.3).

### Quali colori stanno bene con #686563?

Il complementare di #686563 è #636668. Per un abbinamento più tranquillo usa i colori analoghi #686564 e #676663. I colori della triade sono #636766 e #666568.

### Su #686563 si legge meglio il testo bianco o nero?

Su #686563 si legge meglio il testo bianco: il bianco dà un rapporto di contrasto di 5.78:1, il nero di 3.63:1. WCAG AA richiede almeno 4,5:1 per il testo normale.

### #686563 è un colore caldo o freddo?

#686563 è un colore neutro. In OKLCH ha tonalità 56 gradi, luminosità 50,9% e croma 0.005.