ColorTool
Accedi
#AF3BE1

#af3be1 ≈ Electric Purple

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

#af3be1 è un colore della famiglia «magenta», con luminosità media e saturazione forte. Nel modello RGB è composto da 68,63% di rosso, 23,14% di verde e 88,24% di blu; in stampa CMYK usa 22,22% di ciano, 73,78% di magenta, 0% di giallo e 11,76% di nero. Il suo angolo di tinta è 281,93°, con 73,45% di saturazione e 55,69% 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 4,63:1 (WCAG AA). Il colore con nome più vicino è Electric Purple (#bf00ff), ΔE 4,32.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #af3be1
  2. #6de13b

Complementare diviso

  1. #af3be1
  2. #c0e13b
  3. #3be15c

Analogo

  1. #5c3be1
  2. #af3be1
  3. #e13bc0

Triadico

  1. #af3be1
  2. #e1af3b
  3. #3be1af

Tetradico

  1. #af3be1
  2. #e13b6d
  3. #6de13b
  4. #3be1af

Quadrato

  1. #af3be1
  2. #e15c3b
  3. #6de13b
  4. #3bc0e1

Monocromatico

  1. #551172
  2. #861cb4
  3. #af3be1
  4. #ca7deb
  5. #e5c0f5

Ombre

#af3be1 miscelato progressivamente con il nero.

  1. #af3be1
  2. #9e35cb
  3. #8c2fb4
  4. #7b299e
  5. #692387
  6. #581e71
  7. #46185a
  8. #351244
  9. #230c2d
  10. #120617
  11. #000000

Tinte

#af3be1 miscelato progressivamente con il bianco.

  1. #af3be1
  2. #b74fe4
  3. #bf62e7
  4. #c776ea
  5. #cf89ed
  6. #d79df0
  7. #dfb1f3
  8. #e7c4f6
  9. #efd8f9
  10. #f7ebfc
  11. #ffffff

Toni

#af3be1 miscelato progressivamente con il grigio.

  1. #af3be1
  2. #aa42d7
  3. #a649ce
  4. #a150c4
  5. #9c57ba
  6. #985eb1
  7. #9364a7
  8. #8e6b9d
  9. #897293
  10. #85798a
  11. #808080

Testo leggibile 4.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #757575 ≈ 0.003% degli uomini
Acromatomalia #9063ab ≈ 0.001% degli uomini
Protanopia #006fe6 ≈ 1.01% degli uomini
Deuteranopia #2a77dd ≈ 1.27% degli uomini
Tritanopia #aa608c ≈ 0.0001% degli uomini
Protanomalia #6b5ee4 ≈ 1.08% degli uomini
Deuteranomalia #7764df ≈ 4.63% degli uomini
Tritanomalia #ac54b4 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-af3be1 {
  color: #af3be1;
}
Sfondo
.bg-af3be1 {
  background-color: #af3be1;
  color: #ffffff;
}
Bordo
.border-af3be1 {
  border: 2px solid #af3be1;
}
Variabili CSS
:root {
  --color-primary: #af3be1;
  --color-primary-rgb: 175 59 225;
  --color-primary-hsl: 282 73% 56%;
}
Sfumatura
.gradient-af3be1 {
  background: linear-gradient(135deg, #af3be1, #e13bc0);
}
Ombra colorata
.shadow-af3be1 {
  box-shadow: 0 8px 24px rgb(175 59 225 / 0.35);
}

#bf00ff Electric Purple ΔE 4.32 #9932cc Dark Orchid ΔE 5.66 #ba55d3 Medium Orchid ΔE 6.28 #9f00ff Vivid Violet ΔE 6.78 #8a2be2 Blue Violet ΔE 7.88 #9a4eae Purpureus ΔE 8.30 #8f00ff Electric Violet ΔE 8.90 #50c41e Invertito #757575 Scala di grigi 

Electric Purple
#af3be1  rgb(175, 59, 225)  hsl(282, 73%, 56%)  Electric Purple
#6de13b  rgb(109, 225, 59)  hsl(102, 73%, 56%)  Lime Green
#e1af3b  rgb(225, 175, 59)  hsl(42, 73%, 56%)  Meat Brown
#3be1af  rgb(59, 225, 175)  hsl(162, 73%, 56%)  Caribbean Green