ColorTool
Accedi
#B22A8A

#b22a8a ≈ Medium Violet Red

  • magenta
  • Luminosità: media
  • Saturazione: forte
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#b22a8a è un colore della famiglia «magenta», con luminosità media e saturazione forte. Nel modello RGB è composto da 69,8% di rosso, 16,47% di verde e 54,12% di blu; in stampa CMYK usa 0% di ciano, 76,4% di magenta, 22,47% di giallo e 30,2% di nero. Il suo angolo di tinta è 317,65°, con 61,82% di saturazione e 43,14% di luminosità in HSL. Si colloca tra caldo e freddo ed è 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 5,85:1 (WCAG AA). Il colore con nome più vicino è Medium Violet Red (#c71585), ΔE 4,32.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #b22a8a
  2. #2ab252

Complementare diviso

  1. #b22a8a
  2. #46b22a
  3. #2ab296

Analogo

  1. #962ab2
  2. #b22a8a
  3. #b22a46

Triadico

  1. #b22a8a
  2. #8ab22a
  3. #2a8ab2

Tetradico

  1. #b22a8a
  2. #b2522a
  3. #2ab252
  4. #2a8ab2

Quadrato

  1. #b22a8a
  2. #b2962a
  3. #2ab252
  4. #2a46b2

Monocromatico

  1. #360d2a
  2. #741b5a
  3. #b22a8a
  4. #d652af
  5. #e590cc

Ombre

#b22a8a miscelato progressivamente con il nero.

  1. #b22a8a
  2. #a0267c
  3. #8e226e
  4. #7d1d61
  5. #6b1953
  6. #591545
  7. #471137
  8. #350d29
  9. #24081c
  10. #12040e
  11. #000000

Tinte

#b22a8a miscelato progressivamente con il bianco.

  1. #b22a8a
  2. #ba3f96
  3. #c155a1
  4. #c96aad
  5. #d17fb9
  6. #d995c5
  7. #e0aad0
  8. #e8bfdc
  9. #f0d4e8
  10. #f7eaf3
  11. #ffffff

Toni

#b22a8a miscelato progressivamente con il grigio.

  1. #b22a8a
  2. #ad3389
  3. #a83b88
  4. #a34487
  5. #9e4c86
  6. #995585
  7. #945e84
  8. #8f6683
  9. #8a6f82
  10. #857781
  11. #808080

Testo leggibile 5.85:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.59:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #656565 ≈ 0.003% degli uomini
Acromatomalia #8a5375 ≈ 0.001% degli uomini
Protanopia #38578d ≈ 1.01% degli uomini
Deuteranopia #636d87 ≈ 1.27% degli uomini
Tritanopia #bd2b57 ≈ 0.0001% degli uomini
Protanomalia #7c498c ≈ 1.08% degli uomini
Deuteranomalia #8a5988 ≈ 4.63% degli uomini
Tritanomalia #b92b6f ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-b22a8a {
  color: #b22a8a;
}
Sfondo
.bg-b22a8a {
  background-color: #b22a8a;
  color: #ffffff;
}
Bordo
.border-b22a8a {
  border: 2px solid #b22a8a;
}
Variabili CSS
:root {
  --color-primary: #b22a8a;
  --color-primary-rgb: 178 42 138;
  --color-primary-hsl: 318 62% 43%;
}
Sfumatura
.gradient-b22a8a {
  background: linear-gradient(135deg, #b22a8a, #b22a46);
}
Ombra colorata
.shadow-b22a8a {
  box-shadow: 0 8px 24px rgb(178 42 138 / 0.35);
}

#c71585 Medium Violet Red ΔE 4.32 #8e4585 Deep Plum ΔE 7.36 #c54b8c Mulberry ΔE 8.78 #a50b5e Jazzberry Jam ΔE 9.17 #873260 Boysenberry ΔE 10.33 #cf3476 Telemagenta ΔE 10.35 #9a4eae Purpureus ΔE 10.42 #4dd575 Invertito #656565 Scala di grigi 

Medium Violet Red
#b22a8a  rgb(178, 42, 138)  hsl(318, 62%, 43%)  Medium Violet Red
#2ab252  rgb(42, 178, 82)  hsl(138, 62%, 43%)  Medium Sea Green
#8ab22a  rgb(138, 178, 42)  hsl(78, 62%, 43%)  Apple Green
#2a8ab2  rgb(42, 138, 178)  hsl(198, 62%, 43%)  Bondi Blue