ColorTool
Accedi
#BA8164

#ba8164 ≈ Cafe au Lait

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

#ba8164 è un colore della famiglia «arancione», con luminosità media e saturazione moderata. Nel modello RGB è composto da 72,94% di rosso, 50,59% di verde e 39,22% di blu; in stampa CMYK usa 0% di ciano, 30,65% di magenta, 46,24% di giallo e 27,06% di nero. Il suo angolo di tinta è 20,23°, con 38,39% di saturazione e 56,08% 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,41:1 (WCAG AA). Il colore con nome più vicino è Cafe au Lait (#a67b5b), ΔE 5,57.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ba8164
  2. #649dba

Complementare diviso

  1. #ba8164
  2. #64baac
  3. #6472ba

Analogo

  1. #ba6472
  2. #ba8164
  3. #baac64

Triadico

  1. #ba8164
  2. #64ba81
  3. #8164ba

Tetradico

  1. #ba8164
  2. #9dba64
  3. #649dba
  4. #8164ba

Quadrato

  1. #ba8164
  2. #72ba64
  3. #649dba
  4. #ac64ba

Monocromatico

  1. #5c3a29
  2. #915c41
  3. #ba8164
  4. #d2ac99
  5. #e9d7ce

Ombre

#ba8164 miscelato progressivamente con il nero.

  1. #ba8164
  2. #a7745a
  3. #956750
  4. #825a46
  5. #704d3c
  6. #5d4132
  7. #4a3428
  8. #38271e
  9. #251a14
  10. #130d0a
  11. #000000

Tinte

#ba8164 miscelato progressivamente con il bianco.

  1. #ba8164
  2. #c18e74
  3. #c89a83
  4. #cfa793
  5. #d6b3a2
  6. #ddc0b2
  7. #e3cdc1
  8. #ead9d1
  9. #f1e6e0
  10. #f8f2f0
  11. #ffffff

Toni

#ba8164 miscelato progressivamente con il grigio.

  1. #ba8164
  2. #b48167
  3. #ae816a
  4. #a9816c
  5. #a3816f
  6. #9d8172
  7. #978075
  8. #918078
  9. #8c807a
  10. #86807d
  11. #808080

Testo leggibile 3.28:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 6.41:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8e8e8e ≈ 0.003% degli uomini
Acromatomalia #a1897f ≈ 0.001% degli uomini
Protanopia #908762 ≈ 1.01% degli uomini
Deuteranopia #9e9364 ≈ 1.27% degli uomini
Tritanopia #c87779 ≈ 0.0001% degli uomini
Protanomalia #a38563 ≈ 1.08% degli uomini
Deuteranomalia #aa8c64 ≈ 4.63% degli uomini
Tritanomalia #c27b71 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

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

#a67b5b Cafe au Lait ΔE 5.57 #d68a59 Raw Sienna ΔE 7.30 #9f8170 Beaver ΔE 7.91 #d99058 Persian Orange ΔE 9.24 #b87333 Copper ΔE 9.83 #cd853f Peru ΔE 10.30 #e9967a Dark Salmon ΔE 10.34 #457e9b Invertito #8e8e8e Scala di grigi 

Cafe au Lait
#ba8164  rgb(186, 129, 100)  hsl(20, 38%, 56%)  Cafe au Lait
#649dba  rgb(100, 157, 186)  hsl(200, 38%, 56%)  Moonstone Blue
#64ba81  rgb(100, 186, 129)  hsl(140, 38%, 56%)  Medium Sea Green
#8164ba  rgb(129, 100, 186)  hsl(260, 38%, 56%)  Amethyst