ColorTool
Accedi
#7C22A5

#7c22a5 ≈ Purple Heart

  • magenta
  • Luminosità: bassa
  • Saturazione: forte
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#7c22a5 è un colore della famiglia «magenta», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 48,63% di rosso, 13,33% di verde e 64,71% di blu; in stampa CMYK usa 24,85% di ciano, 79,39% di magenta, 0% di giallo e 35,29% di nero. Il suo angolo di tinta è 281,22°, con 65,83% di saturazione e 39,02% di luminosità in HSL. È un colore freddo, spesso associato a creatività, audacia e individualità. I designer lo usano spesso per bellezza e cosmetica, studi creativi e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 7,99:1 (WCAG AAA). Il colore con nome più vicino è Purple Heart (#69359c), ΔE 4,56.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#663399
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.0815

Complementare

  1. #7c22a5
  2. #4ba522

Complementare diviso

  1. #7c22a5
  2. #8da522
  3. #22a53a

Analogo

  1. #3a22a5
  2. #7c22a5
  3. #a5228d

Triadico

  1. #7c22a5
  2. #a57c22
  3. #22a57c

Tetradico

  1. #7c22a5
  2. #a5224b
  3. #4ba522
  4. #22a57c

Quadrato

  1. #7c22a5
  2. #a53a22
  3. #4ba522
  4. #228da5

Monocromatico

  1. #1d0826
  2. #4c1566
  3. #7c22a5
  4. #a73dd7
  5. #c37ce4

Ombre

#7c22a5 miscelato progressivamente con il nero.

  1. #7c22a5
  2. #701f95
  3. #631b84
  4. #571874
  5. #4a1463
  6. #3e1153
  7. #320e42
  8. #250a32
  9. #190721
  10. #0c0311
  11. #000000

Tinte

#7c22a5 miscelato progressivamente con il bianco.

  1. #7c22a5
  2. #8938ae
  3. #964eb7
  4. #a364c0
  5. #b07ac9
  6. #be91d2
  7. #cba7db
  8. #d8bde4
  9. #e5d3ed
  10. #f2e9f6
  11. #ffffff

Toni

#7c22a5 miscelato progressivamente con il grigio.

  1. #7c22a5
  2. #7c2ba1
  3. #7d359e
  4. #7d3e9a
  5. #7e4896
  6. #7e5193
  7. #7e5a8f
  8. #7f648b
  9. #7f6d87
  10. #807784
  11. #808080

Testo leggibile 7.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #515151 ≈ 0.003% degli uomini
Acromatomalia #65427b ≈ 0.001% degli uomini
Protanopia #004ca9 ≈ 1.01% degli uomini
Deuteranopia #0752a2 ≈ 1.27% degli uomini
Tritanopia #774264 ≈ 0.0001% degli uomini
Protanomalia #473fa7 ≈ 1.08% degli uomini
Deuteranomalia #5144a3 ≈ 4.63% degli uomini
Tritanomalia #793883 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-7c22a5 {
  color: #7c22a5;
}
Sfondo
.bg-7c22a5 {
  background-color: #7c22a5;
  color: #ffffff;
}
Bordo
.border-7c22a5 {
  border: 2px solid #7c22a5;
}
Variabili CSS
:root {
  --color-primary: #7c22a5;
  --color-primary-rgb: 124 34 165;
  --color-primary-hsl: 281 66% 39%;
}
Sfumatura
.gradient-7c22a5 {
  background: linear-gradient(135deg, #7c22a5, #a5228d);
}
Ombra colorata
.shadow-7c22a5 {
  box-shadow: 0 8px 24px rgb(124 34 165 / 0.35);
}

#69359c Purple Heart ΔE 4.56 #663399 Rebecca Purple ΔE 4.80 #8b008b Dark Magenta ΔE 6.36 #6c3082 Eminence ΔE 6.53 #9400d3 Dark Violet ΔE 6.86 #880085 Mardi Gras ΔE 7.07 #800080 Purple ΔE 7.31 #83dd5a Invertito #515151 Scala di grigi 

Purple Heart
#7c22a5  rgb(124, 34, 165)  hsl(281, 66%, 39%)  Purple Heart
#4ba522  rgb(75, 165, 34)  hsl(101, 66%, 39%)  Kelly Green
#a57c22  rgb(165, 124, 34)  hsl(41, 66%, 39%)  Dark Goldenrod
#22a57c  rgb(34, 165, 124)  hsl(161, 66%, 39%)  Jungle Green