ColorTool
Accedi
#A22F12

#a22f12 ≈ Rufous

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

#a22f12 è un colore della famiglia «marrone», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 63,53% di rosso, 18,43% di verde e 7,06% di blu; in stampa CMYK usa 0% di ciano, 70,99% di magenta, 88,89% di giallo e 36,47% di nero. Il suo angolo di tinta è 12,08°, con 80% di saturazione e 35,29% 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 7,11:1 (WCAG AAA). Il colore con nome più vicino è Rufous (#a81c07), ΔE 2,71.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #a22f12
  2. #1285a2

Complementare diviso

  1. #a22f12
  2. #12a277
  3. #123da2

Analogo

  1. #a2123d
  2. #a22f12
  3. #a27712

Triadico

  1. #a22f12
  2. #12a22f
  3. #2f12a2

Tetradico

  1. #a22f12
  2. #85a212
  3. #1285a2
  4. #2f12a2

Quadrato

  1. #a22f12
  2. #3da212
  3. #1285a2
  4. #7712a2

Monocromatico

  1. #180703
  2. #5d1b0a
  3. #a22f12
  4. #e6441b
  5. #ed7c60

Ombre

#a22f12 miscelato progressivamente con il nero.

  1. #a22f12
  2. #922a10
  3. #82260e
  4. #71210d
  5. #611c0b
  6. #511809
  7. #411307
  8. #310e05
  9. #200904
  10. #100502
  11. #000000

Tinte

#a22f12 miscelato progressivamente con il bianco.

  1. #a22f12
  2. #ab442a
  3. #b55941
  4. #be6d59
  5. #c78271
  6. #d19789
  7. #daaca0
  8. #e3c1b8
  9. #ecd5d0
  10. #f6eae7
  11. #ffffff

Toni

#a22f12 miscelato progressivamente con il grigio.

  1. #a22f12
  2. #9f371d
  3. #9b3f28
  4. #984733
  5. #944f3e
  6. #915849
  7. #8e6054
  8. #8a685f
  9. #87706a
  10. #837875
  11. #808080

Testo leggibile 7.11:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.95:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #585858 ≈ 0.003% degli uomini
Acromatomalia #7c4b46 ≈ 0.001% degli uomini
Protanopia #52480c ≈ 1.01% degli uomini
Deuteranopia #6e6109 ≈ 1.27% degli uomini
Tritanopia #b3002a ≈ 0.0001% degli uomini
Protanomalia #7a3f0e ≈ 1.08% degli uomini
Deuteranomalia #86520d ≈ 4.63% degli uomini
Tritanomalia #ac1b22 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-a22f12 {
  color: #a22f12;
}
Sfondo
.bg-a22f12 {
  background-color: #a22f12;
  color: #ffffff;
}
Bordo
.border-a22f12 {
  border: 2px solid #a22f12;
}
Variabili CSS
:root {
  --color-primary: #a22f12;
  --color-primary-rgb: 162 47 18;
  --color-primary-hsl: 12 80% 35%;
}
Sfumatura
.gradient-a22f12 {
  background: linear-gradient(135deg, #a22f12, #a27712);
}
Ombra colorata
.shadow-a22f12 {
  box-shadow: 0 8px 24px rgb(162 47 18 / 0.35);
}

#a81c07 Rufous ΔE 2.71 #882d17 Kobe ΔE 5.50 #b31b1b Cornell Red ΔE 5.64 #b22222 Firebrick ΔE 6.32 #8a3324 Burnt Umber ΔE 6.42 #b7410e Rust ΔE 7.04 #954535 Chestnut ΔE 7.27 #5dd0ed Invertito #585858 Scala di grigi 

Rufous
#a22f12  rgb(162, 47, 18)  hsl(12, 80%, 35%)  Rufous
#1285a2  rgb(18, 133, 162)  hsl(192, 80%, 35%)  Bondi Blue
#12a22f  rgb(18, 162, 47)  hsl(132, 80%, 35%)  Islamic Green
#2f12a2  rgb(47, 18, 162)  hsl(252, 80%, 35%)  Zaffre