ColorTool
Accedi
#696F68

#696f68 ≈ Dim Gray

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

#696f68 è un colore della famiglia «grigio», con luminosità media e saturazione quasi nulla. Nel modello RGB è composto da 41,18% di rosso, 43,53% di verde e 40,78% di blu; in stampa CMYK usa 5,41% di ciano, 0% di magenta, 6,31% di giallo e 56,47% di nero. Il suo angolo di tinta è 111,43°, con 3,26% di saturazione e 42,16% 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 5,15:1 (WCAG AA). Il colore con nome più vicino è Dim Gray (#696969), ΔE 5,83.

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

Complementare

  1. #696f68
  2. #6e686f

Complementare diviso

  1. #696f68
  2. #6b686f
  3. #6f686d

Analogo

  1. #6d6f68
  2. #696f68
  3. #686f6b

Triadico

  1. #696f68
  2. #68696f
  3. #6f6869

Tetradico

  1. #696f68
  2. #686f6e
  3. #6e686f
  4. #6f6869

Quadrato

  1. #696f68
  2. #686d6f
  3. #6e686f
  4. #6f6b68

Monocromatico

  1. #1e201e
  2. #444843
  3. #696f68
  4. #8f958e
  5. #b6bab6

Ombre

#696f68 miscelato progressivamente con il nero.

  1. #696f68
  2. #5f645e
  3. #545953
  4. #4a4e49
  5. #3f433e
  6. #353834
  7. #2a2c2a
  8. #20211f
  9. #151615
  10. #0b0b0a
  11. #000000

Tinte

#696f68 miscelato progressivamente con il bianco.

  1. #696f68
  2. #787d77
  3. #878c86
  4. #969a95
  5. #a5a9a4
  6. #b4b7b4
  7. #c3c5c3
  8. #d2d4d2
  9. #e1e2e1
  10. #f0f1f0
  11. #ffffff

Toni

#696f68 miscelato progressivamente con il grigio.

  1. #696f68
  2. #6b716a
  3. #6e726d
  4. #70746f
  5. #727672
  6. #757874
  7. #777976
  8. #797b79
  9. #7b7d7b
  10. #7e7e7e
  11. #808080

Testo leggibile 5.15:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6d6d6d ≈ 0.003% degli uomini
Acromatomalia #6c6e6b ≈ 0.001% degli uomini
Protanopia #6f6e68 ≈ 1.01% degli uomini
Deuteranopia #6e6d68 ≈ 1.27% degli uomini
Tritanopia #696e6d ≈ 0.0001% degli uomini
Protanomalia #6d6e68 ≈ 1.08% degli uomini
Deuteranomalia #6c6e68 ≈ 4.63% degli uomini
Tritanomalia #696f6b ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-696f68 {
  color: #696f68;
}
Sfondo
.bg-696f68 {
  background-color: #696f68;
  color: #ffffff;
}
Bordo
.border-696f68 {
  border: 2px solid #696f68;
}
Variabili CSS
:root {
  --color-primary: #696f68;
  --color-primary-rgb: 105 111 104;
  --color-primary-hsl: 111 3% 42%;
}
Sfumatura
.gradient-696f68 {
  background: linear-gradient(135deg, #696f68, #686f6b);
}
Ombra colorata
.shadow-696f68 {
  box-shadow: 0 8px 24px rgb(105 111 104 / 0.35);
}

#696969 Dim Gray ΔE 5.83 #696969 Dim Grey ΔE 5.83 #4d5d53 Feldgrau ΔE 8.97 #808080 Gray ΔE 9.31 #808080 Grey ΔE 9.31 #848482 Battleship Gray ΔE 10.08 #738678 Xanadu ΔE 10.12 #969097 Invertito #6d6d6d Scala di grigi 

Dim Gray
#696f68  rgb(105, 111, 104)  hsl(111, 3%, 42%)  Dim Gray
#6e686f  rgb(110, 104, 111)  hsl(291, 3%, 42%)  Dim Gray
#68696f  rgb(104, 105, 111)  hsl(231, 3%, 42%)  Dim Gray
#6f6869  rgb(111, 104, 105)  hsl(351, 3%, 42%)  Dim Gray