# Colore #22afa9: Vivace verde petrolio

#22afa9 corrisponde a rgb(34, 175, 169) in RGB e a oklch(68.358% 0.11164 190.338) in OKLCH. Tutti gli altri formati, le sfumature e i valori di contrasto sono qui sotto.

Fonte: https://pickshade.com/it/color/22afa9

## Formati

| Formato | Valore |
| --- | --- |
| HEX | #22afa9 |
| RGB | rgb(34, 175, 169) |
| HSL | hsl(177.45, 67.46%, 40.98%) |
| HSB / HSV | hsv(177.45 80.57% 68.63%) |
| HWB | hwb(177.45 13.33% 31.37%) |
| CMYK | cmyk(81% 0% 3% 31%) |
| Lab | lab(64.56 -37.67 -7.74) |
| LCH | lch(64.56 38.46 191.61) |
| OKLab | oklab(68.358% -0.10983 -0.02003) |
| OKLCH | oklch(68.358% 0.11164 190.338) |
| Display P3 | color(display-p3 0.33051 0.67631 0.65958) |
| Rec. 2020 | color(rec2020 0.39382 0.6284 0.62306) |
| Adobe RGB | color(a98-rgb 0.40035 0.68035 0.65781) |
| ProPhoto RGB | color(prophoto-rgb 0.41548 0.5903 0.59611) |
| sRGB lineare | color(srgb-linear 0.016 0.42869 0.39676) |
| XYZ D65 | color(xyz-d65 0.2315 0.33863 0.42854) |
| XYZ D50 | color(xyz-d50 0.22885 0.33493 0.32516) |
| SwiftUI | Color(red: 0.133, green: 0.686, blue: 0.663) |
| UIKit | UIColor(red: 0.133, green: 0.686, blue: 0.663, alpha: 1) |
| Flutter / Compose | Color(0xFF22AFA9) |
| Android XML | #22AFA9 |

## Dati

- Nome più vicino: Vivace verde petrolio
- Famiglia di colori: Verde petrolio, vivace verde petrolio
- Classe Tailwind più vicina: teal-500
- Gamut: Dentro sRGB: si vede uguale su qualsiasi schermo.
- Contrasto con il bianco: 2.7:1
- Contrasto con il nero: 7.77:1

## Varianti chiare

#22afa9, #48b7b1, #62bfba, #79c7c2, #8ecfcb, #a1d7d3, #b5dfdc, #c8e7e5, #daefed, #edf7f6

## Varianti scure

#22afa9, #1c9892, #16817c, #116b67, #0b5653, #07413f, #032e2c, #011c1b, #000b0a, #000101

## Varianti tenui

#22afa9, #3cada7, #4daba6, #5aa9a4, #66a7a3, #70a5a1, #7aa3a0, #82a09e, #8a9e9c, #929c9b

## Armonie

- Complementare: #22afa9, #d47b89
- Complementare divisa: #22afa9, #c77daf, #d48163
- Analoga: #22afa9, #52af82, #31a9c9
- Triadica: #22afa9, #af85cd, #c58d45
- Tetradica: #22afa9, #619edc, #d47b89, #c58d45
- Quadrata: #22afa9, #8c91dd, #d47b89, #a99b41
- Monocromatica: #22afa9, #006460, #008a84, #57d6cf, #83fef7

## Domande su #22afa9

### Che colore è #22afa9?

#22afa9 è un vivace verde petrolio. Il colore con nome più vicino è Vivace verde petrolio. In RGB è rgb(34, 175, 169), in HSL hsl(177.45, 67.46%, 40.98%) e in OKLCH oklch(68.358% 0.11164 190.338).

### Quali colori stanno bene con #22afa9?

Il complementare di #22afa9 è #d47b89. Per un abbinamento più tranquillo usa i colori analoghi #52af82 e #31a9c9. I colori della triade sono #af85cd e #c58d45.

### Su #22afa9 si legge meglio il testo bianco o nero?

Su #22afa9 si legge meglio il testo nero: il bianco dà un rapporto di contrasto di 2.7:1, il nero di 7.77:1. WCAG AA richiede almeno 4,5:1 per il testo normale.

### #22afa9 è un colore caldo o freddo?

#22afa9 è un colore freddo. In OKLCH ha tonalità 190 gradi, luminosità 68,4% e croma 0.112.