ColorTool
Accedi
#AA262C

#aa262c ≈ Brown

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

#aa262c è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 66,67% di rosso, 14,9% di verde e 17,25% di blu; in stampa CMYK usa 0% di ciano, 77,65% di magenta, 74,12% di giallo e 33,33% di nero. Il suo angolo di tinta è 357,27°, con 63,46% di saturazione e 40,78% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 6,95:1 (WCAG AA). Il colore con nome più vicino è Brown (#a52a2a), ΔE 1,33.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #aa262c
  2. #26aaa4

Complementare diviso

  1. #aa262c
  2. #26aa62
  3. #266eaa

Analogo

  1. #aa266e
  2. #aa262c
  3. #aa6226

Triadico

  1. #aa262c
  2. #2caa26
  3. #262caa

Tetradico

  1. #aa262c
  2. #aaa426
  3. #26aaa4
  4. #262caa

Quadrato

  1. #aa262c
  2. #6eaa26
  3. #26aaa4
  4. #6226aa

Monocromatico

  1. #2d0a0c
  2. #6b181c
  3. #aa262c
  4. #d6474d
  5. #e4858a

Ombre

#aa262c miscelato progressivamente con il nero.

  1. #aa262c
  2. #992228
  3. #881e23
  4. #771b1f
  5. #66171a
  6. #551316
  7. #440f12
  8. #330b0d
  9. #220809
  10. #110404
  11. #000000

Tinte

#aa262c miscelato progressivamente con il bianco.

  1. #aa262c
  2. #b33c41
  3. #bb5156
  4. #c4676b
  5. #cc7d80
  6. #d59396
  7. #dda8ab
  8. #e6bec0
  9. #eed4d5
  10. #f7e9ea
  11. #ffffff

Toni

#aa262c miscelato progressivamente con il grigio.

  1. #aa262c
  2. #a62f34
  3. #a2383d
  4. #9d4145
  5. #994a4e
  6. #955356
  7. #915c5e
  8. #8d6567
  9. #886e6f
  10. #847778
  11. #808080

Testo leggibile 6.95:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.02:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5a5a5a ≈ 0.003% degli uomini
Acromatomalia #824a4b ≈ 0.001% degli uomini
Protanopia #4e472b ≈ 1.01% degli uomini
Deuteranopia #6f6427 ≈ 1.27% degli uomini
Tritanopia #bb002a ≈ 0.0001% degli uomini
Protanomalia #7d3d2b ≈ 1.08% degli uomini
Deuteranomalia #8a5229 ≈ 4.63% degli uomini
Tritanomalia #b5062b ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-aa262c {
  color: #aa262c;
}
Sfondo
.bg-aa262c {
  background-color: #aa262c;
  color: #ffffff;
}
Bordo
.border-aa262c {
  border: 2px solid #aa262c;
}
Variabili CSS
:root {
  --color-primary: #aa262c;
  --color-primary-rgb: 170 38 44;
  --color-primary-hsl: 357 63% 41%;
}
Sfumatura
.gradient-aa262c {
  background: linear-gradient(135deg, #aa262c, #aa6226);
}
Ombra colorata
.shadow-aa262c {
  box-shadow: 0 8px 24px rgb(170 38 44 / 0.35);
}

#a52a2a Brown ΔE 1.33 #a52a2a Auburn ΔE 1.33 #b22222 Firebrick ΔE 3.27 #b31b1b Cornell Red ΔE 4.45 #9f1d35 Vivid Burgundy ΔE 5.72 #c41e3a Cardinal ΔE 5.74 #960018 Carmine ΔE 6.08 #55d9d3 Invertito #5a5a5a Scala di grigi 

Brown
#aa262c  rgb(170, 38, 44)  hsl(357, 63%, 41%)  Brown
#26aaa4  rgb(38, 170, 164)  hsl(177, 63%, 41%)  Light Sea Green
#2caa26  rgb(44, 170, 38)  hsl(117, 63%, 41%)  Kelly Green
#262caa  rgb(38, 44, 170)  hsl(237, 63%, 41%)  Egyptian Blue