ColorTool
Accedi
#B5420A

#b5420a ≈ Rust

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

#b5420a è un colore della famiglia «marrone», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 70,98% di rosso, 25,88% di verde e 3,92% di blu; in stampa CMYK usa 0% di ciano, 63,54% di magenta, 94,48% di giallo e 29,02% di nero. Il suo angolo di tinta è 19,65°, con 89,53% di saturazione e 37,45% 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 pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,6:1 (WCAG AA). Il colore con nome più vicino è Rust (#b7410e), ΔE 0,91.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #b5420a
  2. #0a7db5

Complementare diviso

  1. #b5420a
  2. #0ab597
  3. #0a27b5

Analogo

  1. #b50a27
  2. #b5420a
  3. #b5970a

Triadico

  1. #b5420a
  2. #0ab542
  3. #420ab5

Tetradico

  1. #b5420a
  2. #7db50a
  3. #0a7db5
  4. #420ab5

Quadrato

  1. #b5420a
  2. #27b50a
  3. #0a7db5
  4. #970ab5

Monocromatico

  1. #240d02
  2. #6d2806
  3. #b5420a
  4. #f26019
  5. #f69262

Ombre

#b5420a miscelato progressivamente con il nero.

  1. #b5420a
  2. #a33b09
  3. #913508
  4. #7f2e07
  5. #6d2806
  6. #5b2105
  7. #481a04
  8. #361403
  9. #240d02
  10. #120701
  11. #000000

Tinte

#b5420a miscelato progressivamente con il bianco.

  1. #b5420a
  2. #bc5523
  3. #c4683b
  4. #cb7b54
  5. #d38e6c
  6. #daa185
  7. #e1b39d
  8. #e9c6b6
  9. #f0d9ce
  10. #f8ece7
  11. #ffffff

Toni

#b5420a miscelato progressivamente con il grigio.

  1. #b5420a
  2. #b04816
  3. #aa4e22
  4. #a5552d
  5. #a05b39
  6. #9b6145
  7. #956751
  8. #906d5d
  9. #8b7468
  10. #857a74
  11. #808080

Testo leggibile 5.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.75:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #686868 ≈ 0.003% degli uomini
Acromatomalia #8d5b52 ≈ 0.001% degli uomini
Protanopia #645700 ≈ 1.01% degli uomini
Deuteranopia #807100 ≈ 1.27% degli uomini
Tritanopia #c82139 ≈ 0.0001% degli uomini
Protanomalia #8c5002 ≈ 1.08% degli uomini
Deuteranomalia #986204 ≈ 4.63% degli uomini
Tritanomalia #c0312c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-b5420a {
  color: #b5420a;
}
Sfondo
.bg-b5420a {
  background-color: #b5420a;
  color: #ffffff;
}
Bordo
.border-b5420a {
  border: 2px solid #b5420a;
}
Variabili CSS
:root {
  --color-primary: #b5420a;
  --color-primary-rgb: 181 66 10;
  --color-primary-hsl: 20 90% 37%;
}
Sfumatura
.gradient-b5420a {
  background: linear-gradient(135deg, #b5420a, #b5970a);
}
Ombra colorata
.shadow-b5420a {
  box-shadow: 0 8px 24px rgb(181 66 10 / 0.35);
}

#b7410e Rust ΔE 0.91 #c04000 Mahogany ΔE 2.19 #cb410b Sinopia ΔE 4.56 #a0522d Sienna ΔE 6.27 #cc5500 Burnt Orange ΔE 8.01 #d40000 Rosso Corsa ΔE 8.68 #a81c07 Rufous ΔE 8.98 #4abdf5 Invertito #686868 Scala di grigi 

Rust
#b5420a  rgb(181, 66, 10)  hsl(20, 90%, 37%)  Rust
#0a7db5  rgb(10, 125, 181)  hsl(200, 90%, 37%)  Cerulean
#0ab542  rgb(10, 181, 66)  hsl(140, 90%, 37%)  Kelly Green
#420ab5  rgb(66, 10, 181)  hsl(260, 90%, 37%)  Medium Blue