ColorTool
Accedi
#AF4E1F

#af4e1f ≈ Rust

  • marrone
  • Luminosità: media
  • Saturazione: forte
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#af4e1f è un colore della famiglia «marrone», con luminosità media e saturazione forte. Nel modello RGB è composto da 68,63% di rosso, 30,59% di verde e 12,16% di blu; in stampa CMYK usa 0% di ciano, 55,43% di magenta, 82,29% di giallo e 31,37% di nero. Il suo angolo di tinta è 19,58°, con 69,9% di saturazione e 40,39% 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 5,34:1 (WCAG AA). Il colore con nome più vicino è Rust (#b7410e), ΔE 3,33.

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

Complementare

  1. #af4e1f
  2. #1f80af

Complementare diviso

  1. #af4e1f
  2. #1faf96
  3. #1f38af

Analogo

  1. #af1f38
  2. #af4e1f
  3. #af961f

Triadico

  1. #af4e1f
  2. #1faf4e
  3. #4e1faf

Tetradico

  1. #af4e1f
  2. #80af1f
  3. #1f80af
  4. #4e1faf

Quadrato

  1. #af4e1f
  2. #38af1f
  3. #1f80af
  4. #961faf

Monocromatico

  1. #2d1408
  2. #6e3113
  3. #af4e1f
  4. #dd723e
  5. #e8a17f

Ombre

#af4e1f miscelato progressivamente con il nero.

  1. #af4e1f
  2. #9e461c
  3. #8c3e19
  4. #7b3716
  5. #692f13
  6. #582710
  7. #461f0c
  8. #351709
  9. #231006
  10. #120803
  11. #000000

Tinte

#af4e1f miscelato progressivamente con il bianco.

  1. #af4e1f
  2. #b76035
  3. #bf714c
  4. #c78362
  5. #cf9579
  6. #d7a78f
  7. #dfb8a5
  8. #e7cabc
  9. #efdcd2
  10. #f7ede9
  11. #ffffff

Toni

#af4e1f miscelato progressivamente con il grigio.

  1. #af4e1f
  2. #aa5329
  3. #a65832
  4. #a15d3c
  5. #9c6246
  6. #986750
  7. #936c59
  8. #8e7163
  9. #89766d
  10. #857b76
  11. #808080

Testo leggibile 5.34:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.93:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6b6b6b ≈ 0.003% degli uomini
Acromatomalia #8b6156 ≈ 0.001% degli uomini
Protanopia #695d18 ≈ 1.01% degli uomini
Deuteranopia #81731c ≈ 1.27% degli uomini
Tritanopia #c03845 ≈ 0.0001% degli uomini
Protanomalia #8b581b ≈ 1.08% degli uomini
Deuteranomalia #96661d ≈ 4.63% degli uomini
Tritanomalia #ba4239 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-af4e1f {
  color: #af4e1f;
}
Sfondo
.bg-af4e1f {
  background-color: #af4e1f;
  color: #ffffff;
}
Bordo
.border-af4e1f {
  border: 2px solid #af4e1f;
}
Variabili CSS
:root {
  --color-primary: #af4e1f;
  --color-primary-rgb: 175 78 31;
  --color-primary-hsl: 20 70% 40%;
}
Sfumatura
.gradient-af4e1f {
  background: linear-gradient(135deg, #af4e1f, #af961f);
}
Ombra colorata
.shadow-af4e1f {
  box-shadow: 0 8px 24px rgb(175 78 31 / 0.35);
}

#b7410e Rust ΔE 3.33 #a0522d Sienna ΔE 3.79 #c04000 Mahogany ΔE 4.39 #cb410b Sinopia ΔE 5.86 #cc5500 Burnt Orange ΔE 7.64 #8b4513 Saddle Brown ΔE 8.48 #954535 Chestnut ΔE 10.11 #50b1e0 Invertito #6b6b6b Scala di grigi 

Rust
#af4e1f  rgb(175, 78, 31)  hsl(20, 70%, 40%)  Rust
#1f80af  rgb(31, 128, 175)  hsl(200, 70%, 40%)  Cerulean
#1faf4e  rgb(31, 175, 78)  hsl(140, 70%, 40%)  Medium Sea Green
#4e1faf  rgb(78, 31, 175)  hsl(260, 70%, 40%)  Medium Blue