ColorTool
Accedi
#AB8175

#ab8175 ≈ Beaver

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

#ab8175 è un colore della famiglia «arancione», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 67,06% di rosso, 50,59% di verde e 45,88% di blu; in stampa CMYK usa 0% di ciano, 24,56% di magenta, 31,58% di giallo e 32,94% di nero. Il suo angolo di tinta è 13,33°, con 24,32% di saturazione e 56,47% 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 6,13:1 (WCAG AA). Il colore con nome più vicino è Beaver (#9f8170), ΔE 5,38.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ab8175
  2. #759fab

Complementare diviso

  1. #ab8175
  2. #75ab9c
  3. #7584ab

Analogo

  1. #ab7584
  2. #ab8175
  3. #ab9c75

Triadico

  1. #ab8175
  2. #75ab81
  3. #8175ab

Tetradico

  1. #ab8175
  2. #9fab75
  3. #759fab
  4. #8175ab

Quadrato

  1. #ab8175
  2. #84ab75
  3. #759fab
  4. #9c75ab

Monocromatico

  1. #543a33
  2. #835b50
  3. #ab8175
  4. #c8aca5
  5. #e5d8d4

Ombre

#ab8175 miscelato progressivamente con il nero.

  1. #ab8175
  2. #9a7469
  3. #89675e
  4. #785a52
  5. #674d46
  6. #56413b
  7. #44342f
  8. #332723
  9. #221a17
  10. #110d0c
  11. #000000

Tinte

#ab8175 miscelato progressivamente con il bianco.

  1. #ab8175
  2. #b38e83
  3. #bc9a91
  4. #c4a79e
  5. #cdb3ac
  6. #d5c0ba
  7. #ddcdc8
  8. #e6d9d6
  9. #eee6e3
  10. #f7f2f1
  11. #ffffff

Toni

#ab8175 miscelato progressivamente con il grigio.

  1. #ab8175
  2. #a78176
  3. #a28177
  4. #9e8178
  5. #9a8179
  6. #96817b
  7. #91807c
  8. #8d807d
  9. #89807e
  10. #84807f
  11. #808080

Testo leggibile 3.43:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 6.13:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8b8b8b ≈ 0.003% degli uomini
Acromatomalia #998782 ≈ 0.001% degli uomini
Protanopia #8b8674 ≈ 1.01% degli uomini
Deuteranopia #948e75 ≈ 1.27% degli uomini
Tritanopia #b57b7e ≈ 0.0001% degli uomini
Protanomalia #998474 ≈ 1.08% degli uomini
Deuteranomalia #9e8975 ≈ 4.63% degli uomini
Tritanomalia #b17e7a ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ab8175 {
  color: #ab8175;
}
Sfondo
.bg-ab8175 {
  background-color: #ab8175;
  color: #000000;
}
Bordo
.border-ab8175 {
  border: 2px solid #ab8175;
}
Variabili CSS
:root {
  --color-primary: #ab8175;
  --color-primary-rgb: 171 129 117;
  --color-primary-hsl: 13 24% 56%;
}
Sfumatura
.gradient-ab8175 {
  background: linear-gradient(135deg, #ab8175, #ab9c75);
}
Ombra colorata
.shadow-ab8175 {
  box-shadow: 0 8px 24px rgb(171 129 117 / 0.35);
}

#9f8170 Beaver ΔE 5.38 #bc8f8f Rosy Brown ΔE 7.46 #c08081 Old Rose ΔE 8.01 #a67b5b Cafe au Lait ΔE 8.37 #996666 Copper Rose ΔE 10.76 #b76e79 Rose Gold ΔE 11.62 #b57281 Turkish Rose ΔE 12.13 #547e8a Invertito #8b8b8b Scala di grigi 

Beaver
#ab8175  rgb(171, 129, 117)  hsl(13, 24%, 56%)  Beaver
#759fab  rgb(117, 159, 171)  hsl(193, 24%, 56%)  Moonstone Blue
#75ab81  rgb(117, 171, 129)  hsl(133, 24%, 56%)  Dark Sea Green
#8175ab  rgb(129, 117, 171)  hsl(253, 24%, 56%)  Purple Mountain Majesty