#663399

RebeccaPurple — Codici colore & palette

Q: Qual è il valore RGB di RebeccaPurple?

Il valore RGB di RebeccaPurple (#663399) è rgb(102, 51, 153). Si scompone nei valori dei canali rosso, verde e blu su una scala da 0 a 255.

Q: RebeccaPurple è accessibile su sfondo bianco?

Il rapporto di contrasto di RebeccaPurple (#663399) su sfondo bianco (#FFFFFF) è 8.41:1 — Supera AAA per testo normale. Su sfondo nero (#000000) il rapporto di contrasto è 2.50:1 — Non supera. 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 RebeccaPurple?

RebeccaPurple (#663399) si abbina bene con il suo complementare e le tonalità analoghe. Il colore complementare è #669933, il colore analogo a +30° è #993399 e uno dei colori triadici è #996633. Queste relazioni derivano dalla teoria del colore usando HSL (hsl(270, 50%, 40%)) come base.

#663399 · rgb(102, 51, 153) · hsl(270, 50%, 40%)

Codici colore

Formato	Valore
HEX	#663399
RGB	rgb(102, 51, 153)
HSL	hsl(270, 50%, 40%)

Sfumature di RebeccaPurple

#5C2E8A

#52297A

#47246B

#3D1F5C

#331A4D

#29143D

#1F0F2E

#140A1F

Tinte di RebeccaPurple

#753BB0

#8547C2

#945EC9

#A375D1

#B38CD9

#C2A3E0

#D1BAE8

#E0D1F0

Abbinamenti & armonia cromatica

Complementare

#669933

Analogo +30°

#993399

Analogo −30°

#333399

Triadico +120°

#996633

Triadico −120°

#339966

Contrasto & accessibilità (WCAG 2.1)

su sfondo bianco (#FFFFFF)

8.41:1 — Supera AAA per testo normale

su sfondo nero (#000000)

2.50:1 — Non supera

Snippet CSS

.element {
  color: #663399;
}

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

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

Informazioni su RebeccaPurple

RebeccaPurple è un colore medio con saturazione elevata, definito dal codice esadecimale #663399. I suoi valori esatti nei modelli colore sono rgb(102, 51, 153) in RGB e hsl(270, 50%, 40%) in HSL (tonalità 270°, saturazione 50%, luminosità 40%). Su sfondo bianco il rapporto di contrasto è 8.41:1 — Supera AAA per testo normale, su sfondo nero è 2.50:1 — Non supera. Usa RebeccaPurple 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 RebeccaPurple?

Il valore RGB di RebeccaPurple (#663399) è rgb(102, 51, 153). Rappresenta le quantità di rosso, verde e blu su una scala da 0 a 255.

RebeccaPurple è accessibile su sfondo bianco?

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

Quali colori si abbinano bene con RebeccaPurple?

Secondo la teoria del colore, RebeccaPurple (hsl(270, 50%, 40%)) 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.

RebeccaPurple — Codici colore &amp; palette