# Colore #509ce3: Vivace blu

#509ce3 corrisponde a rgb(80, 156, 227) in RGB e a oklch(67.541% 0.12995 248.9) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

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

## Formati

| Formato | Valore |
| --- | --- |
| HEX | #509ce3 |
| RGB | rgb(80, 156, 227) |
| HSL | hsl(208.98, 72.41%, 60.2%) |
| HSB / HSV | hsv(208.98 64.76% 89.02%) |
| HWB | hwb(208.98 31.37% 10.98%) |
| CMYK | cmyk(65% 31% 0% 11%) |
| Lab | lab(61.89 -7.45 -43.73) |
| LCH | lch(61.89 44.36 260.33) |
| OKLab | oklab(67.541% -0.04678 -0.12124) |
| OKLCH | oklch(67.541% 0.12995 248.9) |
| Display P3 | color(display-p3 0.38857 0.60472 0.86762) |
| Rec. 2020 | color(rec2020 0.42513 0.55899 0.84806) |
| Adobe RGB | color(a98-rgb 0.42469 0.60608 0.8775) |
| ProPhoto RGB | color(prophoto-rgb 0.47333 0.5309 0.82367) |
| sRGB lineare | color(srgb-linear 0.08022 0.33245 0.76815) |
| XYZ D65 | color(xyz-d65 0.2906 0.31027 0.77133) |
| XYZ D50 | color(xyz-d50 0.27293 0.30274 0.58193) |
| SwiftUI | Color(red: 0.314, green: 0.612, blue: 0.89) |
| UIKit | UIColor(red: 0.314, green: 0.612, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF509CE3) |
| Android XML | #509CE3 |

## Dati

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

## Varianti chiare

#509ce3, #63a6e6, #75b0ea, #87baed, #98c4f0, #aacef3, #bbd8f6, #cce2f8, #ddebfb, #eef5fd

## Varianti scure

#509ce3, #4487c5, #3973a8, #2e5f8c, #244c71, #1a3957, #10283f, #071827, #020912, #000103

## Varianti tenui

#509ce3, #599cdc, #629cd4, #699ccd, #719bc5, #789bbe, #7e9ab6, #8599ae, #8b99a7, #91989f

## Armonie

- Complementare: #509ce3, #ca862d
- Complementare divisa: #509ce3, #da7858, #ab9722
- Analoga: #509ce3, #00a9cd, #868de5
- Triadica: #509ce3, #d97286, #7ea649
- Tetradica: #509ce3, #ae7fd3, #ca862d, #7ea649
- Quadrata: #509ce3, #ca75b1, #ca862d, #3eaf79
- Monocromatica: #509ce3, #005394, #2877bb, #76c2ff, #c2e8ff

## Domande su #509ce3

### Che colore è #509ce3?

#509ce3 è un vivace blu. Il colore con nome più vicino è Vivace blu. In RGB è rgb(80, 156, 227), in HSL hsl(208.98, 72.41%, 60.2%) e in OKLCH oklch(67.541% 0.12995 248.9).

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

Il complementare di #509ce3 è #ca862d. Per un abbinamento più tranquillo usa i colori analoghi #00a9cd e #868de5. I colori della triade sono #d97286 e #7ea649.

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

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

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

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