ColorTool
Accedi
#AA282A

#aa282a ≈ Brown

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

#aa282a è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 66,67% di rosso, 15,69% di verde e 16,47% di blu; in stampa CMYK usa 0% di ciano, 76,47% di magenta, 75,29% di giallo e 33,33% di nero. Il suo angolo di tinta è 359,08°, con 61,9% di saturazione e 41,18% 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,89:1 (WCAG AA). Il colore con nome più vicino è Brown (#a52a2a), ΔE 0,94.

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

Complementare

  1. #aa282a
  2. #28aaa8

Complementare diviso

  1. #aa282a
  2. #28aa67
  3. #286baa

Analogo

  1. #aa286b
  2. #aa282a
  3. #aa6728

Triadico

  1. #aa282a
  2. #2aaa28
  3. #282aaa

Tetradico

  1. #aa282a
  2. #aaa828
  3. #28aaa8
  4. #282aaa

Quadrato

  1. #aa282a
  2. #6baa28
  3. #28aaa8
  4. #6728aa

Monocromatico

  1. #2e0b0b
  2. #6c191b
  3. #aa282a
  4. #d44a4c
  5. #e38889

Ombre

#aa282a miscelato progressivamente con il nero.

  1. #aa282a
  2. #992426
  3. #882022
  4. #771c1d
  5. #661819
  6. #551415
  7. #441011
  8. #330c0d
  9. #220808
  10. #110404
  11. #000000

Tinte

#aa282a miscelato progressivamente con il bianco.

  1. #aa282a
  2. #b33e3f
  3. #bb5355
  4. #c4696a
  5. #cc7e7f
  6. #d59495
  7. #dda9aa
  8. #e6bfbf
  9. #eed4d4
  10. #f7eaea
  11. #ffffff

Toni

#aa282a miscelato progressivamente con il grigio.

  1. #aa282a
  2. #a63133
  3. #a23a3b
  4. #9d4244
  5. #994b4c
  6. #955455
  7. #915d5e
  8. #8d6666
  9. #886e6f
  10. #847777
  11. #808080

Testo leggibile 6.89:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.05:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5a5a5a ≈ 0.003% degli uomini
Acromatomalia #824b4b ≈ 0.001% degli uomini
Protanopia #4f4829 ≈ 1.01% degli uomini
Deuteranopia #706425 ≈ 1.27% degli uomini
Tritanopia #bb002a ≈ 0.0001% degli uomini
Protanomalia #7e3e29 ≈ 1.08% degli uomini
Deuteranomalia #8b5227 ≈ 4.63% degli uomini
Tritanomalia #b50b2a ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-aa282a {
  color: #aa282a;
}
Sfondo
.bg-aa282a {
  background-color: #aa282a;
  color: #ffffff;
}
Bordo
.border-aa282a {
  border: 2px solid #aa282a;
}
Variabili CSS
:root {
  --color-primary: #aa282a;
  --color-primary-rgb: 170 40 42;
  --color-primary-hsl: 359 62% 41%;
}
Sfumatura
.gradient-aa282a {
  background: linear-gradient(135deg, #aa282a, #aa6728);
}
Ombra colorata
.shadow-aa282a {
  box-shadow: 0 8px 24px rgb(170 40 42 / 0.35);
}

#a52a2a Brown ΔE 0.94 #a52a2a Auburn ΔE 0.94 #b22222 Firebrick ΔE 2.49 #b31b1b Cornell Red ΔE 3.68 #960018 Carmine ΔE 6.17 #c41e3a Cardinal ΔE 6.24 #9f1d35 Vivid Burgundy ΔE 6.61 #55d7d5 Invertito #5a5a5a Scala di grigi 

Brown
#aa282a  rgb(170, 40, 42)  hsl(359, 62%, 41%)  Brown
#28aaa8  rgb(40, 170, 168)  hsl(179, 62%, 41%)  Verdigris
#2aaa28  rgb(42, 170, 40)  hsl(119, 62%, 41%)  Kelly Green
#282aaa  rgb(40, 42, 170)  hsl(239, 62%, 41%)  Egyptian Blue