ColorTool
Accedi
#8B36F3

#8b36f3 ≈ Blue Violet

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

#8b36f3 è un colore della famiglia «viola», con luminosità media e saturazione forte. Nel modello RGB è composto da 54,51% di rosso, 21,18% di verde e 95,29% di blu; in stampa CMYK usa 42,8% di ciano, 77,78% di magenta, 0% di giallo e 4,71% di nero. Il suo angolo di tinta è 266,98°, con 88,73% di saturazione e 58,24% di luminosità in HSL. È un colore freddo, spesso associato a immaginazione, spiritualità e lusso. I designer lo usano spesso per bellezza e cosmetica, studi creativi e pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,36:1 (WCAG AA). Il colore con nome più vicino è Blue Violet (#8a2be2), ΔE 3,15.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #8b36f3
  2. #9ef336

Complementare diviso

  1. #8b36f3
  2. #f3e936
  3. #40f336

Analogo

  1. #3640f3
  2. #8b36f3
  3. #e936f3

Triadico

  1. #8b36f3
  2. #f38b36
  3. #36f38b

Tetradico

  1. #8b36f3
  2. #f3369e
  3. #9ef336
  4. #36f38b

Quadrato

  1. #8b36f3
  2. #f33640
  3. #9ef336
  4. #36f3e9

Monocromatico

  1. #420888
  2. #640cd0
  3. #8b36f3
  4. #b57ef7
  5. #dec6fc

Ombre

#8b36f3 miscelato progressivamente con il nero.

  1. #8b36f3
  2. #7d31db
  3. #6f2bc2
  4. #6126aa
  5. #532092
  6. #461b7a
  7. #381661
  8. #2a1049
  9. #1c0b31
  10. #0e0518
  11. #000000

Tinte

#8b36f3 miscelato progressivamente con il bianco.

  1. #8b36f3
  2. #974af4
  3. #a25ef5
  4. #ae72f7
  5. #b986f8
  6. #c59bf9
  7. #d1affa
  8. #dcc3fb
  9. #e8d7fd
  10. #f3ebfe
  11. #ffffff

Toni

#8b36f3 miscelato progressivamente con il grigio.

  1. #8b36f3
  2. #8a3de8
  3. #8945dc
  4. #884cd1
  5. #8754c5
  6. #865bba
  7. #8462ae
  8. #836aa3
  9. #827197
  10. #81798c
  11. #808080

Testo leggibile 5.36:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.92:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6b6b6b ≈ 0.003% degli uomini
Acromatomalia #795ab2 ≈ 0.001% degli uomini
Protanopia #006bf8 ≈ 1.01% degli uomini
Deuteranopia #0068ef ≈ 1.27% degli uomini
Tritanopia #706b95 ≈ 0.0001% degli uomini
Protanomalia #385af6 ≈ 1.08% degli uomini
Deuteranomalia #4358f1 ≈ 4.63% degli uomini
Tritanomalia #7c5ac2 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-8b36f3 {
  color: #8b36f3;
}
Sfondo
.bg-8b36f3 {
  background-color: #8b36f3;
  color: #ffffff;
}
Bordo
.border-8b36f3 {
  border: 2px solid #8b36f3;
}
Variabili CSS
:root {
  --color-primary: #8b36f3;
  --color-primary-rgb: 139 54 243;
  --color-primary-hsl: 267 89% 58%;
}
Sfumatura
.gradient-8b36f3 {
  background: linear-gradient(135deg, #8b36f3, #e936f3);
}
Ombra colorata
.shadow-8b36f3 {
  box-shadow: 0 8px 24px rgb(139 54 243 / 0.35);
}

#8a2be2 Blue Violet ΔE 3.15 #8f00ff Electric Violet ΔE 3.71 #9f00ff Vivid Violet ΔE 3.74 #9932cc Dark Orchid ΔE 6.07 #6f00ff Electric Indigo ΔE 6.63 #9400d3 Dark Violet ΔE 6.97 #bf00ff Electric Purple ΔE 7.80 #74c90c Invertito #6b6b6b Scala di grigi 

Blue Violet
#8b36f3  rgb(139, 54, 243)  hsl(267, 89%, 58%)  Blue Violet
#9ef336  rgb(158, 243, 54)  hsl(87, 89%, 58%)  Green Yellow
#f38b36  rgb(243, 139, 54)  hsl(27, 89%, 58%)  Cadmium Orange
#36f38b  rgb(54, 243, 139)  hsl(147, 89%, 58%)  Medium Spring Green