#80CBC4 — Codici colore & palette
Codici colore
| Formato | Valore | |
|---|---|---|
| HEX | #80CBC4 | |
| RGB | rgb(128, 203, 196) | |
| HSL | hsl(174, 42%, 65%) |
Sfumature di #80CBC4
| #67C1B8 | #4EB7AC | #419F96 | #37867E | #2C6D66 | #22534E | #183A37 | #0D211F |
Tinte di #80CBC4
| #8BD0C9 | #96D4CE | #A1D9D3 | #ACDDD8 | #B7E1DD | #C1E6E2 | #CCEAE7 | #D7EFEC |
Abbinamenti & armonia cromatica
|
Complementare
#CB8088
|
Analogo +30°
#80ADCB
|
Analogo −30°
#80CB9E
|
Triadico +120°
#C480CB
|
Triadico −120°
#CBC480
|
Contrasto & accessibilità (WCAG 2.1)
Snippet CSS
.element {
color: #80CBC4;
}
.element-bg {
background-color: #80CBC4;
color: #000000;
}
.element-border {
border: 2px solid #80CBC4;
}
Informazioni su #80CBC4
#80CBC4 è un colore chiaro con saturazione moderata, definito dal codice esadecimale #80CBC4. I suoi valori esatti nei modelli colore sono rgb(128, 203, 196) in RGB e hsl(174, 42%, 65%) in HSL (tonalità 174°, saturazione 42%, luminosità 65%). Su sfondo bianco il rapporto di contrasto è 1.87:1 — Non supera, su sfondo nero è 11.26:1 — Supera AAA per testo normale. Usa #80CBC4 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 →