# Colore #509ce2: Vivace blu

#509ce2 corrisponde a rgb(80, 156, 226) in RGB e a oklch(67.49% 0.12876 248.558) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

Fonte: https://pickshade.com/it/color/509ce2

## Formati

| Formato | Valore |
| --- | --- |
| HEX | #509ce2 |
| RGB | rgb(80, 156, 226) |
| HSL | hsl(208.77, 71.57%, 60%) |
| HSB / HSV | hsv(208.77 64.6% 88.63%) |
| HWB | hwb(208.77 31.37% 11.37%) |
| CMYK | cmyk(65% 31% 0% 11%) |
| Lab | lab(61.85 -7.72 -43.24) |
| LCH | lch(61.85 43.93 259.88) |
| OKLab | oklab(67.49% -0.04707 -0.11984) |
| OKLCH | oklch(67.49% 0.12876 248.558) |
| Display P3 | color(display-p3 0.38857 0.60472 0.86393) |
| Rec. 2020 | color(rec2020 0.42473 0.55891 0.844) |
| Adobe RGB | color(a98-rgb 0.42469 0.60608 0.8736) |
| ProPhoto RGB | color(prophoto-rgb 0.47225 0.53071 0.81938) |
| sRGB lineare | color(srgb-linear 0.08022 0.33245 0.76052) |
| XYZ D65 | color(xyz-d65 0.28922 0.30972 0.76408) |
| XYZ D50 | color(xyz-d50 0.27184 0.30228 0.57648) |
| SwiftUI | Color(red: 0.314, green: 0.612, blue: 0.886) |
| UIKit | UIColor(red: 0.314, green: 0.612, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF509CE2) |
| Android XML | #509CE2 |

## Dati

- Nome più vicino: Vivace blu
- Famiglia di colori: Blu, vivace blu
- Classe Tailwind più vicina: sky-500
- Gamut: Dentro sRGB: si vede uguale su qualsiasi schermo.
- Contrasto con il bianco: 2.92:1
- Contrasto con il nero: 7.19:1

## Varianti chiare

#509ce2, #63a6e6, #75b0e9, #87baec, #98c4ef, #aacef2, #bbd8f5, #cce2f8, #ddebfa, #eef5fd

## Varianti scure

#509ce2, #4487c4, #3973a8, #2e5f8c, #244c71, #1a3957, #10283e, #071827, #020912, #000103

## Varianti tenui

#509ce2, #599cdb, #629cd3, #699bcc, #719bc5, #789bbd, #7e9ab6, #8599ae, #8b98a6, #91989e

## Armonie

- Complementare: #509ce2, #ca862f
- Complementare divisa: #509ce2, #d97859, #ab9724
- Analoga: #509ce2, #00a8cc, #868de5
- Triadica: #509ce2, #d97287, #7fa64a
- Tetradica: #509ce2, #ad80d3, #ca862f, #7fa64a
- Quadrata: #509ce2, #c976b1, #ca862f, #40ae79
- Monocromatica: #509ce2, #005394, #2877ba, #76c2ff, #c2e7ff

## Domande su #509ce2

### Che colore è #509ce2?

#509ce2 è un vivace blu. Il colore con nome più vicino è Vivace blu. In RGB è rgb(80, 156, 226), in HSL hsl(208.77, 71.57%, 60%) e in OKLCH oklch(67.49% 0.12876 248.558).

### Quali colori stanno bene con #509ce2?

Il complementare di #509ce2 è #ca862f. Per un abbinamento più tranquillo usa i colori analoghi #00a8cc e #868de5. I colori della triade sono #d97287 e #7fa64a.

### Su #509ce2 si legge meglio il testo bianco o nero?

Su #509ce2 si legge meglio il testo nero: il bianco dà un rapporto di contrasto di 2.92:1, il nero di 7.19:1. WCAG AA richiede almeno 4,5:1 per il testo normale.

### #509ce2 è un colore caldo o freddo?

#509ce2 è un colore freddo. In OKLCH ha tonalità 249 gradi, luminosità 67,5% e croma 0.129.