DevArbor
#C71585

MediumVioletRed — Codici colore & palette

#C71585  ·  rgb(199, 21, 133)  ·  hsl(322, 81%, 43%)

Codici colore

Formato Valore
HEX #C71585
RGB rgb(199, 21, 133)
HSL hsl(322, 81%, 43%)

Sfumature di MediumVioletRed

#B41379#A2116D#8F0F60#7D0D54#6A0B47#58093B#45072F#330522

Tinte di MediumVioletRed

#E21898#E92FA5#EC4BB1#EF67BD#F282C9#F59ED5#F8BAE1#FBD5ED

Abbinamenti & armonia cromatica

Complementare
#15C656
Analogo +30°
#C6152D
Analogo −30°
#AF15C6
Triadico +120°
#85C615
Triadico −120°
#1585C6

Contrasto & accessibilità (WCAG 2.1)

su sfondo bianco (#FFFFFF)
5.42:1 — Supera AA per testo normale
su sfondo nero (#000000)
3.87:1 — Supera AA solo per testo grande

Snippet CSS

.element {
  color: #C71585;
}

.element-bg {
  background-color: #C71585;
  color: #ffffff;
}

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

Informazioni su MediumVioletRed

MediumVioletRed è un colore medio con vivace, altamente saturo, definito dal codice esadecimale #C71585. I suoi valori esatti nei modelli colore sono rgb(199, 21, 133) in RGB e hsl(322, 81%, 43%) in HSL (tonalità 322°, saturazione 81%, luminosità 43%). Su sfondo bianco il rapporto di contrasto è 5.42:1 — Supera AA per testo normale, su sfondo nero è 3.87:1 — Supera AA solo per testo grande. Usa MediumVioletRed 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 MediumVioletRed?
Il valore RGB di MediumVioletRed (#C71585) è rgb(199, 21, 133). Rappresenta le quantità di rosso, verde e blu su una scala da 0 a 255.
MediumVioletRed è accessibile su sfondo bianco?
Il rapporto di contrasto di MediumVioletRed su bianco (#FFFFFF) è 5.42:1 — Supera AA per testo normale. Su nero (#000000) il rapporto di contrasto è 3.87:1 — Supera AA solo per testo grande. Il WCAG 2.1 richiede 4,5:1 per AA (testo normale) e 7:1 per AAA.
Quali colori si abbinano bene con MediumVioletRed?
Secondo la teoria del colore, MediumVioletRed (hsl(322, 81%, 43%)) 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.