ColorTool
Accedi
#712CC4

#712cc4 ≈ Blue Violet

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

#712cc4 è un colore della famiglia «viola», con luminosità media e saturazione forte. Nel modello RGB è composto da 44,31% di rosso, 17,25% di verde e 76,86% di blu; in stampa CMYK usa 42,35% di ciano, 77,55% di magenta, 0% di giallo e 23,14% di nero. Il suo angolo di tinta è 267,24°, con 63,33% di saturazione e 47,06% 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 7,34:1 (WCAG AAA). Il colore con nome più vicino è Blue Violet (#8a2be2), ΔE 5,61.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #712cc4
  2. #7fc42c

Complementare diviso

  1. #712cc4
  2. #c4bd2c
  3. #33c42c

Analogo

  1. #2c33c4
  2. #712cc4
  3. #bd2cc4

Triadico

  1. #712cc4
  2. #c4712c
  3. #2cc471

Tetradico

  1. #712cc4
  2. #c42c7f
  3. #7fc42c
  4. #2cc471

Quadrato

  1. #712cc4
  2. #c42c33
  3. #7fc42c
  4. #2cc4bd

Monocromatico

  1. #291047
  2. #4d1e86
  3. #712cc4
  4. #9961dc
  5. #c19fea

Ombre

#712cc4 miscelato progressivamente con il nero.

  1. #712cc4
  2. #6628b0
  3. #5a239d
  4. #4f1f89
  5. #441a76
  6. #391662
  7. #2d124e
  8. #220d3b
  9. #170927
  10. #0b0414
  11. #000000

Tinte

#712cc4 miscelato progressivamente con il bianco.

  1. #712cc4
  2. #7f41ca
  3. #8d56d0
  4. #9c6bd6
  5. #aa80dc
  6. #b896e2
  7. #c6abe7
  8. #d4c0ed
  9. #e3d5f3
  10. #f1eaf9
  11. #ffffff

Toni

#712cc4 miscelato progressivamente con il grigio.

  1. #712cc4
  2. #7334bd
  3. #743db6
  4. #7645b0
  5. #774ea9
  6. #7956a2
  7. #7a5e9b
  8. #7c6794
  9. #7d6f8e
  10. #7f7887
  11. #808080

Testo leggibile 7.34:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.86:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #565656 ≈ 0.003% degli uomini
Acromatomalia #62498f ≈ 0.001% degli uomini
Protanopia #0056c8 ≈ 1.01% degli uomini
Deuteranopia #0054c1 ≈ 1.27% degli uomini
Tritanopia #5c5677 ≈ 0.0001% degli uomini
Protanomalia #3049c7 ≈ 1.08% degli uomini
Deuteranomalia #3847c2 ≈ 4.63% degli uomini
Tritanomalia #65489c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-712cc4 {
  color: #712cc4;
}
Sfondo
.bg-712cc4 {
  background-color: #712cc4;
  color: #ffffff;
}
Bordo
.border-712cc4 {
  border: 2px solid #712cc4;
}
Variabili CSS
:root {
  --color-primary: #712cc4;
  --color-primary-rgb: 113 44 196;
  --color-primary-hsl: 267 63% 47%;
}
Sfumatura
.gradient-712cc4 {
  background: linear-gradient(135deg, #712cc4, #bd2cc4);
}
Ombra colorata
.shadow-712cc4 {
  box-shadow: 0 8px 24px rgb(113 44 196 / 0.35);
}

#8a2be2 Blue Violet ΔE 5.61 #9400d3 Dark Violet ΔE 5.73 #69359c Purple Heart ΔE 6.13 #663399 Rebecca Purple ΔE 6.54 #6f00ff Electric Indigo ΔE 6.93 #5218fa Han Purple ΔE 7.19 #9932cc Dark Orchid ΔE 7.43 #8ed33b Invertito #565656 Scala di grigi 

Blue Violet
#712cc4  rgb(113, 44, 196)  hsl(267, 63%, 47%)  Blue Violet
#7fc42c  rgb(127, 196, 44)  hsl(87, 63%, 47%)  Yellow Green
#c4712c  rgb(196, 113, 44)  hsl(27, 63%, 47%)  Copper
#2cc471  rgb(44, 196, 113)  hsl(147, 63%, 47%)  Emerald