ColorTool
Accedi
#AF33AA

#af33aa ≈ Purpureus

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

#af33aa è un colore della famiglia «magenta», con luminosità media e saturazione moderata. Nel modello RGB è composto da 68,63% di rosso, 20% di verde e 66,67% di blu; in stampa CMYK usa 0% di ciano, 70,86% di magenta, 2,86% di giallo e 31,37% di nero. Il suo angolo di tinta è 302,42°, con 54,87% di saturazione e 44,31% 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,42:1 (WCAG AA). Il colore con nome più vicino è Purpureus (#9a4eae), ΔE 5,65.

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.1438

Complementare

  1. #af33aa
  2. #33af38

Complementare diviso

  1. #af33aa
  2. #6caf33
  3. #33af76

Analogo

  1. #7633af
  2. #af33aa
  3. #af336c

Triadico

  1. #af33aa
  2. #aaaf33
  3. #33aaaf

Tetradico

  1. #af33aa
  2. #af3833
  3. #33af38
  4. #33aaaf

Quadrato

  1. #af33aa
  2. #af7633
  3. #33af38
  4. #336caf

Monocromatico

  1. #391037
  2. #742270
  3. #af33aa
  4. #d05ecc
  5. #e19adf

Ombre

#af33aa miscelato progressivamente con il nero.

  1. #af33aa
  2. #9e2e99
  3. #8c2988
  4. #7b2477
  5. #691f66
  6. #581a55
  7. #461444
  8. #350f33
  9. #230a22
  10. #120511
  11. #000000

Tinte

#af33aa miscelato progressivamente con il bianco.

  1. #af33aa
  2. #b747b3
  3. #bf5cbb
  4. #c770c4
  5. #cf85cc
  6. #d799d5
  7. #dfaddd
  8. #e7c2e6
  9. #efd6ee
  10. #f7ebf7
  11. #ffffff

Toni

#af33aa miscelato progressivamente con il grigio.

  1. #af33aa
  2. #aa3ba6
  3. #a642a2
  4. #a14a9d
  5. #9c5299
  6. #985a95
  7. #936191
  8. #8e698d
  9. #897188
  10. #857884
  11. #808080

Testo leggibile 5.42:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.88:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6a6a6a ≈ 0.003% degli uomini
Acromatomalia #8b5988 ≈ 0.001% degli uomini
Protanopia #245fad ≈ 1.01% degli uomini
Deuteranopia #5770a7 ≈ 1.27% degli uomini
Tritanopia #b5436b ≈ 0.0001% degli uomini
Protanomalia #7651ac ≈ 1.08% degli uomini
Deuteranomalia #835da8 ≈ 4.63% degli uomini
Tritanomalia #b33d89 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-af33aa {
  color: #af33aa;
}
Sfondo
.bg-af33aa {
  background-color: #af33aa;
  color: #ffffff;
}
Bordo
.border-af33aa {
  border: 2px solid #af33aa;
}
Variabili CSS
:root {
  --color-primary: #af33aa;
  --color-primary-rgb: 175 51 170;
  --color-primary-hsl: 302 55% 44%;
}
Sfumatura
.gradient-af33aa {
  background: linear-gradient(135deg, #af33aa, #af336c);
}
Ombra colorata
.shadow-af33aa {
  box-shadow: 0 8px 24px rgb(175 51 170 / 0.35);
}

#9a4eae Purpureus ΔE 5.65 #9932cc Dark Orchid ΔE 8.00 #8e4585 Deep Plum ΔE 8.46 #c71585 Medium Violet Red ΔE 9.40 #ba55d3 Medium Orchid ΔE 9.93 #8b008b Dark Magenta ΔE 10.53 #9400d3 Dark Violet ΔE 10.71 #50cc55 Invertito #6a6a6a Scala di grigi 

Purpureus
#af33aa  rgb(175, 51, 170)  hsl(302, 55%, 44%)  Purpureus
#33af38  rgb(51, 175, 56)  hsl(122, 55%, 44%)  Kelly Green
#aaaf33  rgb(170, 175, 51)  hsl(62, 55%, 44%)  Brass
#33aaaf  rgb(51, 170, 175)  hsl(182, 55%, 44%)  Verdigris