ColorTool
Accedi
#564C50

#564c50 ≈ Wenge

  • grigio
  • Luminosità: bassa
  • Saturazione: quasi nulla
  • Neutro
Verifica il contrasto Esplora nel grafo Colore casuale

#564c50 è un colore della famiglia «grigio», con luminosità bassa e saturazione quasi nulla. Nel modello RGB è composto da 33,73% di rosso, 29,8% di verde e 31,37% di blu; in stampa CMYK usa 0% di ciano, 11,63% di magenta, 6,98% di giallo e 66,27% di nero. Il suo angolo di tinta è 336°, con 6,17% di saturazione e 31,76% di luminosità in HSL. È un colore neutro, spesso associato a neutralità, equilibrio e professionalità. I designer lo usano spesso per testo e tipografia e identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 8,25:1 (WCAG AAA). Il colore con nome più vicino è Wenge (#645452), ΔE 5,1.

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.0773

Complementare

  1. #564c50
  2. #4c5652

Complementare diviso

  1. #564c50
  2. #4c564d
  3. #4c5556

Analogo

  1. #564c55
  2. #564c50
  3. #564d4c

Triadico

  1. #564c50
  2. #50564c
  3. #4c5056

Tetradico

  1. #564c50
  2. #56524c
  3. #4c5652
  4. #4c5056

Quadrato

  1. #564c50
  2. #55564c
  3. #4c5652
  4. #4d4c56

Monocromatico

  1. #0b0a0a
  2. #2d282a
  3. #564c50
  4. #7f7076
  5. #a4979c

Ombre

#564c50 miscelato progressivamente con il nero.

  1. #564c50
  2. #4d4448
  3. #453d40
  4. #3c3538
  5. #342e30
  6. #2b2628
  7. #221e20
  8. #1a1718
  9. #110f10
  10. #090808
  11. #000000

Tinte

#564c50 miscelato progressivamente con il bianco.

  1. #564c50
  2. #675e62
  3. #787073
  4. #898285
  5. #9a9496
  6. #aba6a8
  7. #bbb7b9
  8. #ccc9cb
  9. #dddbdc
  10. #eeedee
  11. #ffffff

Toni

#564c50 miscelato progressivamente con il grigio.

  1. #564c50
  2. #5a5155
  3. #5e565a
  4. #635c5e
  5. #676163
  6. #6b6668
  7. #6f6b6d
  8. #737072
  9. #787676
  10. #7c7b7b
  11. #808080

Testo leggibile 8.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4f4f4f ≈ 0.003% degli uomini
Acromatomalia #524e4f ≈ 0.001% degli uomini
Protanopia #4d4e50 ≈ 1.01% degli uomini
Deuteranopia #4f4f50 ≈ 1.27% degli uomini
Tritanopia #584c4d ≈ 0.0001% degli uomini
Protanomalia #514d50 ≈ 1.08% degli uomini
Deuteranomalia #524e50 ≈ 4.63% degli uomini
Tritanomalia #574c4e ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-564c50 {
  color: #564c50;
}
Sfondo
.bg-564c50 {
  background-color: #564c50;
  color: #ffffff;
}
Bordo
.border-564c50 {
  border: 2px solid #564c50;
}
Variabili CSS
:root {
  --color-primary: #564c50;
  --color-primary-rgb: 86 76 80;
  --color-primary-hsl: 336 6% 32%;
}
Sfumatura
.gradient-564c50 {
  background: linear-gradient(135deg, #564c50, #564d4c);
}
Ombra colorata
.shadow-564c50 {
  box-shadow: 0 8px 24px rgb(86 76 80 / 0.35);
}

#645452 Wenge ΔE 5.10 #555555 Davy's Gray ΔE 6.80 #635147 Umber ΔE 8.28 #674c47 Liver ΔE 8.31 #483c32 Taupe ΔE 9.93 #614051 Eggplant ΔE 10.67 #343434 Jet ΔE 10.89 #a9b3af Invertito #4f4f4f Scala di grigi 

Wenge
#564c50  rgb(86, 76, 80)  hsl(336, 6%, 32%)  Wenge
#4c5652  rgb(76, 86, 82)  hsl(156, 6%, 32%)  Feldgrau
#50564c  rgb(80, 86, 76)  hsl(96, 6%, 32%)  Feldgrau
#4c5056  rgb(76, 80, 86)  hsl(216, 6%, 32%)  Davy's Gray