ColorTool
Accedi
#AA1122

#aa1122 ≈ Brown

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

#aa1122 è un colore della famiglia «rosso», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 66,67% di rosso, 6,67% di verde e 13,33% di blu; in stampa CMYK usa 0% di ciano, 90% di magenta, 80% di giallo e 33,33% di nero. Il suo angolo di tinta è 353,33°, con 81,82% di saturazione e 36,67% 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 pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 7,47:1 (WCAG AAA). Il colore con nome più vicino è Brown (#a52a2a), ΔE 2,59.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #aa1122
  2. #11aa99

Complementare diviso

  1. #aa1122
  2. #11aa4c
  3. #116faa

Analogo

  1. #aa116f
  2. #aa1122
  3. #aa4c11

Triadico

  1. #aa1122
  2. #22aa11
  3. #1122aa

Tetradico

  1. #aa1122
  2. #aa9911
  3. #11aa99
  4. #1122aa

Quadrato

  1. #aa1122
  2. #6faa11
  3. #11aa99
  4. #4c11aa

Monocromatico

  1. #1f0306
  2. #640a14
  3. #aa1122
  4. #e91f35
  5. #f06474

Ombre

#aa1122 miscelato progressivamente con il nero.

  1. #aa1122
  2. #990f1f
  3. #880e1b
  4. #770c18
  5. #660a14
  6. #550911
  7. #44070e
  8. #33050a
  9. #220307
  10. #110203
  11. #000000

Tinte

#aa1122 miscelato progressivamente con il bianco.

  1. #aa1122
  2. #b32938
  3. #bb414e
  4. #c45864
  5. #cc707a
  6. #d58891
  7. #dda0a7
  8. #e6b8bd
  9. #eecfd3
  10. #f7e7e9
  11. #ffffff

Toni

#aa1122 miscelato progressivamente con il grigio.

  1. #aa1122
  2. #a61c2b
  3. #a22735
  4. #9d323e
  5. #993d48
  6. #954951
  7. #91545a
  8. #8d5f64
  9. #886a6d
  10. #847577
  11. #808080

Testo leggibile 7.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.81:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #555555 ≈ 0.003% degli uomini
Acromatomalia #804346 ≈ 0.001% degli uomini
Protanopia #474021 ≈ 1.01% degli uomini
Deuteranopia #6c601b ≈ 1.27% degli uomini
Tritanopia #bc001a ≈ 0.0001% degli uomini
Protanomalia #7b3321 ≈ 1.08% degli uomini
Deuteranomalia #894c1e ≈ 4.63% degli uomini
Tritanomalia #b5001e ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-aa1122 {
  color: #aa1122;
}
Sfondo
.bg-aa1122 {
  background-color: #aa1122;
  color: #ffffff;
}
Bordo
.border-aa1122 {
  border: 2px solid #aa1122;
}
Variabili CSS
:root {
  --color-primary: #aa1122;
  --color-primary-rgb: 170 17 34;
  --color-primary-hsl: 353 82% 37%;
}
Sfumatura
.gradient-aa1122 {
  background: linear-gradient(135deg, #aa1122, #aa4c11);
}
Ombra colorata
.shadow-aa1122 {
  box-shadow: 0 8px 24px rgb(170 17 34 / 0.35);
}

#a52a2a Brown ΔE 2.59 #a52a2a Auburn ΔE 2.59 #b22222 Firebrick ΔE 3.36 #b31b1b Cornell Red ΔE 3.96 #960018 Carmine ΔE 4.41 #9f1d35 Vivid Burgundy ΔE 6.33 #92000a Sangria ΔE 6.39 #55eedd Invertito #555555 Scala di grigi 

Brown
#aa1122  rgb(170, 17, 34)  hsl(353, 82%, 37%)  Brown
#11aa99  rgb(17, 170, 153)  hsl(173, 82%, 37%)  Persian Green
#22aa11  rgb(34, 170, 17)  hsl(113, 82%, 37%)  Kelly Green
#1122aa  rgb(17, 34, 170)  hsl(233, 82%, 37%)  Zaffre