ColorTool
Accedi
#A07366

#a07366 ≈ Beaver

  • arancione
  • Luminosità: media
  • Saturazione: attenuata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#a07366 è un colore della famiglia «arancione», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 62,75% di rosso, 45,1% di verde e 40% di blu; in stampa CMYK usa 0% di ciano, 28,13% di magenta, 36,25% di giallo e 37,25% di nero. Il suo angolo di tinta è 13,45°, con 23,39% di saturazione e 51,37% di luminosità in HSL. È un colore caldo, spesso associato a entusiasmo, calore e creatività. I designer lo usano spesso per pulsanti di invito all’azione, marchi alimentari e ristoranti e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 5,14:1 (WCAG AA). Il colore con nome più vicino è Beaver (#9f8170), ΔE 6,91.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #a07366
  2. #6693a0

Complementare diviso

  1. #a07366
  2. #66a090
  3. #6676a0

Analogo

  1. #a06676
  2. #a07366
  3. #a09066

Triadico

  1. #a07366
  2. #66a073
  3. #7366a0

Tetradico

  1. #a07366
  2. #93a066
  3. #6693a0
  4. #7366a0

Quadrato

  1. #a07366
  2. #76a066
  3. #6693a0
  4. #9066a0

Monocromatico

  1. #432f2a
  2. #725147
  3. #a07366
  4. #bd9e95
  5. #dbc9c4

Ombre

#a07366 miscelato progressivamente con il nero.

  1. #a07366
  2. #90685c
  3. #805c52
  4. #705147
  5. #60453d
  6. #503a33
  7. #402e29
  8. #30231f
  9. #201714
  10. #100c0a
  11. #000000

Tinte

#a07366 miscelato progressivamente con il bianco.

  1. #a07366
  2. #aa8175
  3. #b38f85
  4. #bd9d94
  5. #c6aba3
  6. #d0b9b3
  7. #d9c7c2
  8. #e3d5d1
  9. #ece3e0
  10. #f6f1f0
  11. #ffffff

Toni

#a07366 miscelato progressivamente con il grigio.

  1. #a07366
  2. #9d7469
  3. #9a766b
  4. #96776e
  5. #937870
  6. #907a73
  7. #8d7b76
  8. #8a7c78
  9. #867d7b
  10. #837f7d
  11. #808080

Testo leggibile 4.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.14:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7e7e7e ≈ 0.003% degli uomini
Acromatomalia #8d7975 ≈ 0.001% degli uomini
Protanopia #7d7865 ≈ 1.01% degli uomini
Deuteranopia #888166 ≈ 1.27% degli uomini
Tritanopia #aa6d70 ≈ 0.0001% degli uomini
Protanomalia #8d7665 ≈ 1.08% degli uomini
Deuteranomalia #927c66 ≈ 4.63% degli uomini
Tritanomalia #a66f6c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-a07366 {
  color: #a07366;
}
Sfondo
.bg-a07366 {
  background-color: #a07366;
  color: #000000;
}
Bordo
.border-a07366 {
  border: 2px solid #a07366;
}
Variabili CSS
:root {
  --color-primary: #a07366;
  --color-primary-rgb: 160 115 102;
  --color-primary-hsl: 13 23% 51%;
}
Sfumatura
.gradient-a07366 {
  background: linear-gradient(135deg, #a07366, #a09066);
}
Ombra colorata
.shadow-a07366 {
  box-shadow: 0 8px 24px rgb(160 115 102 / 0.35);
}

#9f8170 Beaver ΔE 6.91 #996666 Copper Rose ΔE 7.21 #a67b5b Cafe au Lait ΔE 8.18 #a45a52 Redwood ΔE 9.27 #c08081 Old Rose ΔE 10.13 #b76e79 Rose Gold ΔE 11.24 #bc8f8f Rosy Brown ΔE 11.48 #5f8c99 Invertito #7e7e7e Scala di grigi 

Beaver
#a07366  rgb(160, 115, 102)  hsl(13, 23%, 51%)  Beaver
#6693a0  rgb(102, 147, 160)  hsl(193, 23%, 51%)  Cadet Blue
#66a073  rgb(102, 160, 115)  hsl(133, 23%, 51%)  Asparagus
#7366a0  rgb(115, 102, 160)  hsl(253, 23%, 51%)  Royal Purple