ColorTool
Accedi
#8A502E

#8a502e ≈ Russet

  • marrone
  • Luminosità: bassa
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#8a502e è un colore della famiglia «marrone», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 54,12% di rosso, 31,37% di verde e 18,04% di blu; in stampa CMYK usa 0% di ciano, 42,03% di magenta, 66,67% di giallo e 45,88% di nero. Il suo angolo di tinta è 22,17°, con 50% di saturazione e 36,08% di luminosità in HSL. È un colore caldo, spesso associato a affidabilità, calore e concretezza. I designer lo usano spesso per caffetterie e marchi di caffè, stili rustici e naturali e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 6,43:1 (WCAG AA). Il colore con nome più vicino è Russet (#80461b), ΔE 4,34.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #8a502e
  2. #2e688a

Complementare diviso

  1. #8a502e
  2. #2e8a7e
  3. #2e3a8a

Analogo

  1. #8a2e3a
  2. #8a502e
  3. #8a7e2e

Triadico

  1. #8a502e
  2. #2e8a50
  3. #502e8a

Tetradico

  1. #8a502e
  2. #688a2e
  3. #2e688a
  4. #502e8a

Quadrato

  1. #8a502e
  2. #3a8a2e
  3. #2e688a
  4. #7e2e8a

Monocromatico

  1. #170d08
  2. #512f1b
  3. #8a502e
  4. #c17244
  5. #d49d7d

Ombre

#8a502e miscelato progressivamente con il nero.

  1. #8a502e
  2. #7c4829
  3. #6e4025
  4. #613820
  5. #53301c
  6. #452817
  7. #372012
  8. #29180e
  9. #1c1009
  10. #0e0805
  11. #000000

Tinte

#8a502e miscelato progressivamente con il bianco.

  1. #8a502e
  2. #966243
  3. #a17358
  4. #ad856d
  5. #b99682
  6. #c5a897
  7. #d0b9ab
  8. #dccbc0
  9. #e8dcd5
  10. #f3eeea
  11. #ffffff

Toni

#8a502e miscelato progressivamente con il grigio.

  1. #8a502e
  2. #895536
  3. #885a3e
  4. #875e47
  5. #86634f
  6. #856857
  7. #846d5f
  8. #837267
  9. #827670
  10. #817b78
  11. #808080

Testo leggibile 6.43:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.27:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5f5f5f ≈ 0.003% degli uomini
Acromatomalia #72594f ≈ 0.001% degli uomini
Protanopia #60572b ≈ 1.01% degli uomini
Deuteranopia #6e642e ≈ 1.27% degli uomini
Tritanopia #974548 ≈ 0.0001% degli uomini
Protanomalia #73542c ≈ 1.08% degli uomini
Deuteranomalia #7a5c2e ≈ 4.63% degli uomini
Tritanomalia #92493f ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-8a502e {
  color: #8a502e;
}
Sfondo
.bg-8a502e {
  background-color: #8a502e;
  color: #ffffff;
}
Bordo
.border-8a502e {
  border: 2px solid #8a502e;
}
Variabili CSS
:root {
  --color-primary: #8a502e;
  --color-primary-rgb: 138 80 46;
  --color-primary-hsl: 22 50% 36%;
}
Sfumatura
.gradient-8a502e {
  background: linear-gradient(135deg, #8a502e, #8a7e2e);
}
Ombra colorata
.shadow-8a502e {
  box-shadow: 0 8px 24px rgb(138 80 46 / 0.35);
}

#80461b Russet ΔE 4.34 #8b4513 Saddle Brown ΔE 4.87 #a0522d Sienna ΔE 5.20 #6f4e37 Coffee ΔE 7.63 #704214 Sepia ΔE 8.04 #954535 Chestnut ΔE 8.34 #8a3324 Burnt Umber ΔE 10.58 #75afd1 Invertito #5f5f5f Scala di grigi 

Russet
#8a502e  rgb(138, 80, 46)  hsl(22, 50%, 36%)  Russet
#2e688a  rgb(46, 104, 138)  hsl(202, 50%, 36%)  Sea Blue
#2e8a50  rgb(46, 138, 80)  hsl(142, 50%, 36%)  Sea Green
#502e8a  rgb(80, 46, 138)  hsl(262, 50%, 36%)  Rebecca Purple