ColorTool
Accedi
#61585F

#61585f ≈ Wenge

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

#61585f è un colore della famiglia «grigio», con luminosità bassa e saturazione quasi nulla. Nel modello RGB è composto da 38,04% di rosso, 34,51% di verde e 37,25% di blu; in stampa CMYK usa 0% di ciano, 9,28% di magenta, 2,06% di giallo e 61,96% di nero. Il suo angolo di tinta è 313,33°, con 4,86% di saturazione e 36,27% di luminosità in HSL. È un colore neutro, spesso associato a neutralità, equilibrio e professionalità. I designer lo usano spesso per testo e tipografia, identità aziendali e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 6,84:1 (WCAG AA). Il colore con nome più vicino è Wenge (#645452), ΔE 5,6.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #61585f
  2. #58615a

Complementare diviso

  1. #61585f
  2. #5a6158
  3. #58615e

Analogo

  1. #5e5861
  2. #61585f
  3. #61585a

Triadico

  1. #61585f
  2. #5f6158
  3. #585f61

Tetradico

  1. #61585f
  2. #615a58
  3. #58615a
  4. #585f61

Quadrato

  1. #61585f
  2. #615e58
  3. #58615a
  4. #585a61

Monocromatico

  1. #110f10
  2. #393438
  3. #61585f
  4. #897d86
  5. #ada5ab

Ombre

#61585f miscelato progressivamente con il nero.

  1. #61585f
  2. #574f56
  3. #4e464c
  4. #443e43
  5. #3a3539
  6. #312c30
  7. #272326
  8. #1d1a1d
  9. #131213
  10. #0a090a
  11. #000000

Tinte

#61585f miscelato progressivamente con il bianco.

  1. #61585f
  2. #71696f
  3. #81797f
  4. #908a8f
  5. #a09b9f
  6. #b0acaf
  7. #c0bcbf
  8. #d0cdcf
  9. #dfdedf
  10. #efeeef
  11. #ffffff

Toni

#61585f miscelato progressivamente con il grigio.

  1. #61585f
  2. #645c62
  3. #676066
  4. #6a6469
  5. #6d686c
  6. #716c70
  7. #747073
  8. #777476
  9. #7a7879
  10. #7d7c7d
  11. #808080

Testo leggibile 6.84:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5b5b5b ≈ 0.003% degli uomini
Acromatomalia #5d5a5c ≈ 0.001% degli uomini
Protanopia #585a5f ≈ 1.01% degli uomini
Deuteranopia #5a5b5f ≈ 1.27% degli uomini
Tritanopia #62585a ≈ 0.0001% degli uomini
Protanomalia #5c595f ≈ 1.08% degli uomini
Deuteranomalia #5d5a5f ≈ 4.63% degli uomini
Tritanomalia #62585c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-61585f {
  color: #61585f;
}
Sfondo
.bg-61585f {
  background-color: #61585f;
  color: #ffffff;
}
Bordo
.border-61585f {
  border: 2px solid #61585f;
}
Variabili CSS
:root {
  --color-primary: #61585f;
  --color-primary-rgb: 97 88 95;
  --color-primary-hsl: 313 5% 36%;
}
Sfumatura
.gradient-61585f {
  background: linear-gradient(135deg, #61585f, #61585a);
}
Ombra colorata
.shadow-61585f {
  box-shadow: 0 8px 24px rgb(97 88 95 / 0.35);
}

#645452 Wenge ΔE 5.60 #555555 Davy's Gray ΔE 7.10 #796878 Old Lavender ΔE 8.66 #696969 Dim Gray ΔE 8.67 #696969 Dim Grey ΔE 8.67 #635147 Umber ΔE 9.81 #674c47 Liver ΔE 9.86 #9ea7a0 Invertito #5b5b5b Scala di grigi 

Wenge
#61585f  rgb(97, 88, 95)  hsl(313, 5%, 36%)  Wenge
#58615a  rgb(88, 97, 90)  hsl(133, 5%, 36%)  Feldgrau
#5f6158  rgb(95, 97, 88)  hsl(73, 5%, 36%)  Dim Gray
#585f61  rgb(88, 95, 97)  hsl(193, 5%, 36%)  Davy's Gray