ColorTool
Accedi
#663A67

#663a67 ≈ Byzantium

  • magenta
  • Luminosità: bassa
  • Saturazione: attenuata
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#663a67 è un colore della famiglia «magenta», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 40% di rosso, 22,75% di verde e 40,39% di blu; in stampa CMYK usa 0,97% di ciano, 43,69% di magenta, 0% di giallo e 59,61% di nero. Il suo angolo di tinta è 298,67°, con 27,95% di saturazione e 31,57% 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 identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 8,88:1 (WCAG AAA). Il colore con nome più vicino è Byzantium (#702963), ΔE 5,2.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #663a67
  2. #3b673a

Complementare diviso

  1. #663a67
  2. #52673a
  3. #3a6750

Analogo

  1. #503a67
  2. #663a67
  3. #673a52

Triadico

  1. #663a67
  2. #67663a
  3. #3a6766

Tetradico

  1. #663a67
  2. #673a3b
  3. #3b673a
  4. #3a6766

Quadrato

  1. #663a67
  2. #67503a
  3. #3b673a
  4. #3a5267

Monocromatico

  1. #0d070d
  2. #361e36
  3. #663a67
  4. #965698
  5. #b782b8

Ombre

#663a67 miscelato progressivamente con il nero.

  1. #663a67
  2. #5c345d
  3. #522e52
  4. #472948
  5. #3d233e
  6. #331d34
  7. #291729
  8. #1f111f
  9. #140c15
  10. #0a060a
  11. #000000

Tinte

#663a67 miscelato progressivamente con il bianco.

  1. #663a67
  2. #754e76
  3. #856185
  4. #947595
  5. #a389a4
  6. #b39db3
  7. #c2b0c2
  8. #d1c4d1
  9. #e0d8e1
  10. #f0ebf0
  11. #ffffff

Toni

#663a67 miscelato progressivamente con il grigio.

  1. #663a67
  2. #69416a
  3. #6b486c
  4. #6e4f6f
  5. #705671
  6. #735d74
  7. #766476
  8. #786b79
  9. #7b727b
  10. #7d797e
  11. #808080

Testo leggibile 8.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4a4a4a ≈ 0.003% degli uomini
Acromatomalia #564457 ≈ 0.001% degli uomini
Protanopia #364669 ≈ 1.01% degli uomini
Deuteranopia #424c66 ≈ 1.27% degli uomini
Tritanopia #683f4b ≈ 0.0001% degli uomini
Protanomalia #4e4268 ≈ 1.08% degli uomini
Deuteranomalia #534566 ≈ 4.63% degli uomini
Tritanomalia #673d58 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-663a67 {
  color: #663a67;
}
Sfondo
.bg-663a67 {
  background-color: #663a67;
  color: #ffffff;
}
Bordo
.border-663a67 {
  border: 2px solid #663a67;
}
Variabili CSS
:root {
  --color-primary: #663a67;
  --color-primary-rgb: 102 58 103;
  --color-primary-hsl: 299 28% 32%;
}
Sfumatura
.gradient-663a67 {
  background: linear-gradient(135deg, #663a67, #673a52);
}
Ombra colorata
.shadow-663a67 {
  box-shadow: 0 8px 24px rgb(102 58 103 / 0.35);
}

#702963 Byzantium ΔE 5.20 #6c3082 Eminence ΔE 7.71 #614051 Eggplant ΔE 8.80 #873260 Boysenberry ΔE 9.12 #8e4585 Deep Plum ΔE 9.28 #8a496b Twilight Lavender ΔE 10.02 #78184a Pansy Purple ΔE 11.17 #99c598 Invertito #4a4a4a Scala di grigi 

Byzantium
#663a67  rgb(102, 58, 103)  hsl(299, 28%, 32%)  Byzantium
#3b673a  rgb(59, 103, 58)  hsl(119, 28%, 32%)  Hunter Green
#67663a  rgb(103, 102, 58)  hsl(59, 28%, 32%)  Dark Olive Green
#3a6766  rgb(58, 103, 102)  hsl(179, 28%, 32%)  Myrtle Green