ColorTool
Accedi
#80776A

#80776a ≈ Battleship Gray

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

#80776a è un colore della famiglia «grigio», con luminosità media e saturazione quasi nulla. Nel modello RGB è composto da 50,2% di rosso, 46,67% di verde e 41,57% di blu; in stampa CMYK usa 0% di ciano, 7,03% di magenta, 17,19% di giallo e 49,8% di nero. Il suo angolo di tinta è 35,45°, con 9,4% di saturazione e 45,88% 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 nero su questo colore raggiunge un rapporto di contrasto di 4,76:1 (WCAG AA). Il colore con nome più vicino è Battleship Gray (#848482), ΔE 7,8.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #80776a
  2. #6a7380

Complementare diviso

  1. #80776a
  2. #6a7e80
  3. #6c6a80

Analogo

  1. #806c6a
  2. #80776a
  3. #7e806a

Triadico

  1. #80776a
  2. #6a8077
  3. #776a80

Tetradico

  1. #80776a
  2. #73806a
  3. #6a7380
  4. #776a80

Quadrato

  1. #80776a
  2. #6a806c
  3. #6a7380
  4. #806a7e

Monocromatico

  1. #2c2925
  2. #565047
  3. #80776a
  4. #a59d92
  5. #c7c3bc

Ombre

#80776a miscelato progressivamente con il nero.

  1. #80776a
  2. #736b5f
  3. #665f55
  4. #5a534a
  5. #4d4740
  6. #403c35
  7. #33302a
  8. #262420
  9. #1a1815
  10. #0d0c0b
  11. #000000

Tinte

#80776a miscelato progressivamente con il bianco.

  1. #80776a
  2. #8d8579
  3. #999288
  4. #a6a097
  5. #b3ada6
  6. #c0bbb5
  7. #ccc9c3
  8. #d9d6d2
  9. #e6e4e1
  10. #f2f1f0
  11. #ffffff

Toni

#80776a miscelato progressivamente con il grigio.

  1. #80776a
  2. #80786c
  3. #80796e
  4. #807a71
  5. #807b73
  6. #807c75
  7. #807c77
  8. #807d79
  9. #807e7c
  10. #807f7e
  11. #808080

Testo leggibile 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 4.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #787878 ≈ 0.003% degli uomini
Acromatomalia #7b7873 ≈ 0.001% degli uomini
Protanopia #7b7769 ≈ 1.01% degli uomini
Deuteranopia #7d796a ≈ 1.27% degli uomini
Tritanopia #847473 ≈ 0.0001% degli uomini
Protanomalia #7d776a ≈ 1.08% degli uomini
Deuteranomalia #7e786a ≈ 4.63% degli uomini
Tritanomalia #827570 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-80776a {
  color: #80776a;
}
Sfondo
.bg-80776a {
  background-color: #80776a;
  color: #000000;
}
Bordo
.border-80776a {
  border: 2px solid #80776a;
}
Variabili CSS
:root {
  --color-primary: #80776a;
  --color-primary-rgb: 128 119 106;
  --color-primary-hsl: 35 9% 46%;
}
Sfumatura
.gradient-80776a {
  background: linear-gradient(135deg, #80776a, #7e806a);
}
Ombra colorata
.shadow-80776a {
  box-shadow: 0 8px 24px rgb(128 119 106 / 0.35);
}

#848482 Battleship Gray ΔE 7.80 #808080 Gray ΔE 7.81 #808080 Grey ΔE 7.81 #696969 Dim Gray ΔE 9.33 #696969 Dim Grey ΔE 9.33 #9f8170 Beaver ΔE 10.62 #8b8589 Taupe Gray ΔE 10.72 #7f8895 Invertito #787878 Scala di grigi 

Battleship Gray
#80776a  rgb(128, 119, 106)  hsl(35, 9%, 46%)  Battleship Gray
#6a7380  rgb(106, 115, 128)  hsl(215, 9%, 46%)  Slate Gray
#6a8077  rgb(106, 128, 119)  hsl(155, 9%, 46%)  Xanadu
#776a80  rgb(119, 106, 128)  hsl(275, 9%, 46%)  Old Lavender