ColorTool
Accedi
#5314AA

#5314aa ≈ Indigo

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

#5314aa è un colore della famiglia «viola», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 32,55% di rosso, 7,84% di verde e 66,67% di blu; in stampa CMYK usa 51,18% di ciano, 88,24% di magenta, 0% di giallo e 33,33% di nero. Il suo angolo di tinta è 265,2°, con 78,95% di saturazione e 37,25% 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 accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 10,25:1 (WCAG AAA). Il colore con nome più vicino è Indigo (#4b0082), ΔE 6,45.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #5314aa
  2. #6baa14

Complementare diviso

  1. #5314aa
  2. #aa9e14
  3. #20aa14

Analogo

  1. #1420aa
  2. #5314aa
  3. #9e14aa

Triadico

  1. #5314aa
  2. #aa5314
  3. #14aa53

Tetradico

  1. #5314aa
  2. #aa146b
  3. #6baa14
  4. #14aa53

Quadrato

  1. #5314aa
  2. #aa1420
  3. #6baa14
  4. #14aa9e

Monocromatico

  1. #100421
  2. #320c66
  3. #5314aa
  4. #7625e5
  5. #a16aed

Ombre

#5314aa miscelato progressivamente con il nero.

  1. #5314aa
  2. #4b1299
  3. #421088
  4. #3a0e77
  5. #320c66
  6. #2a0a55
  7. #210844
  8. #190633
  9. #110422
  10. #080211
  11. #000000

Tinte

#5314aa miscelato progressivamente con il bianco.

  1. #5314aa
  2. #642cb3
  3. #7543bb
  4. #875bc4
  5. #9872cc
  6. #a98ad5
  7. #baa1dd
  8. #cbb9e6
  9. #ddd0ee
  10. #eee8f7
  11. #ffffff

Toni

#5314aa miscelato progressivamente con il grigio.

  1. #5314aa
  2. #581fa6
  3. #5c2aa2
  4. #61349d
  5. #653f99
  6. #6a4a95
  7. #6e5591
  8. #73608d
  9. #776a88
  10. #7c7584
  11. #808080

Testo leggibile 10.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.05:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #414141 ≈ 0.003% degli uomini
Acromatomalia #493479 ≈ 0.001% degli uomini
Protanopia #0042ae ≈ 1.01% degli uomini
Deuteranopia #003ea7 ≈ 1.27% degli uomini
Tritanopia #354564 ≈ 0.0001% degli uomini
Protanomalia #0035ac ≈ 1.08% degli uomini
Deuteranomalia #0832a8 ≈ 4.63% degli uomini
Tritanomalia #433786 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-5314aa {
  color: #5314aa;
}
Sfondo
.bg-5314aa {
  background-color: #5314aa;
  color: #ffffff;
}
Bordo
.border-5314aa {
  border: 2px solid #5314aa;
}
Variabili CSS
:root {
  --color-primary: #5314aa;
  --color-primary-rgb: 83 20 170;
  --color-primary-hsl: 265 79% 37%;
}
Sfumatura
.gradient-5314aa {
  background: linear-gradient(135deg, #5314aa, #9e14aa);
}
Ombra colorata
.shadow-5314aa {
  box-shadow: 0 8px 24px rgb(83 20 170 / 0.35);
}

#4b0082 Indigo ΔE 6.45 #0000cd Medium Blue ΔE 6.78 #0014a8 Zaffre ΔE 7.02 #663399 Rebecca Purple ΔE 7.11 #69359c Purple Heart ΔE 7.55 #32127a Persian Indigo ΔE 8.20 #002395 Imperial Blue ΔE 9.14 #aceb55 Invertito #414141 Scala di grigi 

Indigo
#5314aa  rgb(83, 20, 170)  hsl(265, 79%, 37%)  Indigo
#6baa14  rgb(107, 170, 20)  hsl(85, 79%, 37%)  Kelly Green
#aa5314  rgb(170, 83, 20)  hsl(25, 79%, 37%)  Sienna
#14aa53  rgb(20, 170, 83)  hsl(145, 79%, 37%)  Jade