#40E0D0

Turquoise — Codici colore & palette

Q: Qual è il valore RGB di Turquoise?

Il valore RGB di Turquoise (#40E0D0) è rgb(64, 224, 208). Si scompone nei valori dei canali rosso, verde e blu su una scala da 0 a 255.

Q: Turquoise è accessibile su sfondo bianco?

Il rapporto di contrasto di Turquoise (#40E0D0) su sfondo bianco (#FFFFFF) è 1.64:1 — Non supera. Su sfondo nero (#000000) il rapporto di contrasto è 12.79:1 — Supera AAA per testo normale. Il WCAG 2.1 richiede 4,5:1 per testo normale (AA) e 7:1 per accessibilità avanzata (AAA).

Q: Quali colori si abbinano bene con Turquoise?

Turquoise (#40E0D0) si abbina bene con il suo complementare e le tonalità analoghe. Il colore complementare è #E03E4E, il colore analogo a +30° è #3E9FE0 e uno dei colori triadici è #CF3EE0. Queste relazioni derivano dalla teoria del colore usando HSL (hsl(174, 72%, 56%)) come base.

#40E0D0 · rgb(64, 224, 208) · hsl(174, 72%, 56%)

Codici colore

Formato	Valore
HEX	#40E0D0
RGB	rgb(64, 224, 208)
HSL	hsl(174, 72%, 56%)

Sfumature di Turquoise

#24DBC9

#1FC1B1

#1BA799

#178C81

#137268

#0E5850

#0A3D38

#062320

Tinte di Turquoise

#50E2D4

#61E5D8

#73E8DC

#84EBE1

#96EEE5

#A7F1E9

#B9F4EE

#CAF6F2

Abbinamenti & armonia cromatica

Complementare

#E03E4E

Analogo +30°

#3E9FE0

Analogo −30°

#3EE07F

Triadico +120°

#CF3EE0

Triadico −120°

#E0CF3E

Contrasto & accessibilità (WCAG 2.1)

su sfondo bianco (#FFFFFF)

1.64:1 — Non supera

su sfondo nero (#000000)

12.79:1 — Supera AAA per testo normale

Snippet CSS

.element {
  color: #40E0D0;
}

.element-bg {
  background-color: #40E0D0;
  color: #000000;
}

.element-border {
  border: 2px solid #40E0D0;
}

Informazioni su Turquoise

Turquoise è un colore medio con saturazione elevata, definito dal codice esadecimale #40E0D0. I suoi valori esatti nei modelli colore sono rgb(64, 224, 208) in RGB e hsl(174, 72%, 56%) in HSL (tonalità 174°, saturazione 72%, luminosità 56%). Su sfondo bianco il rapporto di contrasto è 1.64:1 — Non supera, su sfondo nero è 12.79:1 — Supera AAA per testo normale. Usa Turquoise per elementi dell'interfaccia, sfondi, testo, bordi o accenti decorativi. La sezione sfumature mostra varianti progressivamente più scure, mentre la striscia tinte mostra versioni progressivamente più chiare — entrambe utili per costruire una palette tonale. I campioni di armonia forniscono abbinamenti complementari, analoghi e triadici basati sulla ruota cromatica HSL.

Vuoi esplorare questo colore in modo interattivo, generare palette o convertire tra formati colore? Il selettore colori di DevArbor fa al caso tuo.

Apri il selettore colori →

Domande frequenti

Qual è il valore RGB di Turquoise?

Il valore RGB di Turquoise (#40E0D0) è rgb(64, 224, 208). Rappresenta le quantità di rosso, verde e blu su una scala da 0 a 255.

Turquoise è accessibile su sfondo bianco?

Il rapporto di contrasto di Turquoise su bianco (#FFFFFF) è 1.64:1 — Non supera. Su nero (#000000) il rapporto di contrasto è 12.79:1 — Supera AAA per testo normale. Il WCAG 2.1 richiede 4,5:1 per AA (testo normale) e 7:1 per AAA.

Quali colori si abbinano bene con Turquoise?

Secondo la teoria del colore, Turquoise (hsl(174, 72%, 56%)) si abbina bene con le sue tonalità complementari, analoghe e triadiche. Vedi i campioni di armonia sopra per i valori esadecimali esatti di ogni tipo di abbinamento.

Turquoise — Codici colore &amp; palette