#004D40 — Codici colore & palette
Codici colore
| Formato | Valore | |
|---|---|---|
| HEX | #004D40 | |
| RGB | rgb(0, 77, 64) | |
| HSL | hsl(170, 100%, 15%) |
Sfumature di #004D40
| #00473C | #004237 | #003D33 | #00382F | #00332B | #002E26 | #002922 | #00241E |
Tinte di #004D40
| #007A66 | #00A88C | #00D6B3 | #05FFD5 | #33FFDD | #61FFE5 | #8FFFEC | #BDFFF4 |
Abbinamenti & armonia cromatica
|
Complementare
#4D000D
|
Analogo +30°
#00334D
|
Analogo −30°
#004D1A
|
Triadico +120°
#40004D
|
Triadico −120°
#4D4000
|
Contrasto & accessibilità (WCAG 2.1)
Snippet CSS
.element {
color: #004D40;
}
.element-bg {
background-color: #004D40;
color: #ffffff;
}
.element-border {
border: 2px solid #004D40;
}
Informazioni su #004D40
#004D40 è un colore molto scuro con vivace, altamente saturo, definito dal codice esadecimale #004D40. I suoi valori esatti nei modelli colore sono rgb(0, 77, 64) in RGB e hsl(170, 100%, 15%) in HSL (tonalità 170°, saturazione 100%, luminosità 15%). Su sfondo bianco il rapporto di contrasto è 9.83:1 — Supera AAA per testo normale, su sfondo nero è 2.14:1 — Non supera. Usa #004D40 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 →