ColorTool
Accedi
#BBA577

#bba577 ≈ Ecru

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

#bba577 è un colore della famiglia «giallo», con luminosità media e saturazione moderata. Nel modello RGB è composto da 73,33% di rosso, 64,71% di verde e 46,67% di blu; in stampa CMYK usa 0% di ciano, 11,76% di magenta, 36,36% di giallo e 26,67% di nero. Il suo angolo di tinta è 40,59°, con 33,33% di saturazione e 60% di luminosità in HSL. È un colore caldo, spesso associato a ottimismo, attenzione e gioia. I designer lo usano spesso per evidenziazioni e avvisi, prodotti per bambini e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 8,76:1 (WCAG AAA). Il colore con nome più vicino è Ecru (#c2b280), ΔE 4,19.

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

Complementare

  1. #bba577
  2. #778dbb

Complementare diviso

  1. #bba577
  2. #77afbb
  3. #8377bb

Analogo

  1. #bb8377
  2. #bba577
  3. #afbb77

Triadico

  1. #bba577
  2. #77bba5
  3. #a577bb

Tetradico

  1. #bba577
  2. #8dbb77
  3. #778dbb
  4. #a577bb

Quadrato

  1. #bba577
  2. #77bb83
  3. #778dbb
  4. #bb77af

Monocromatico

  1. #665633
  2. #99804d
  3. #bba577
  4. #d4c7aa
  5. #eee9dd

Ombre

#bba577 miscelato progressivamente con il nero.

  1. #bba577
  2. #a8956b
  3. #96845f
  4. #837453
  5. #706347
  6. #5e533c
  7. #4b4230
  8. #383224
  9. #252118
  10. #13110c
  11. #000000

Tinte

#bba577 miscelato progressivamente con il bianco.

  1. #bba577
  2. #c2ae85
  3. #c9b792
  4. #cfc0a0
  5. #d6c9ad
  6. #ddd2bb
  7. #e4dbc9
  8. #ebe4d6
  9. #f1ede4
  10. #f8f6f1
  11. #ffffff

Toni

#bba577 miscelato progressivamente con il grigio.

  1. #bba577
  2. #b5a178
  3. #af9e79
  4. #a99a7a
  5. #a3967b
  6. #9e937c
  7. #988f7c
  8. #928b7d
  9. #8c877e
  10. #86847f
  11. #808080

Testo leggibile 2.4:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 8.76:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a7a7a7 ≈ 0.003% degli uomini
Acromatomalia #b0a696 ≈ 0.001% degli uomini
Protanopia #b0a474 ≈ 1.01% degli uomini
Deuteranopia #b5aa78 ≈ 1.27% degli uomini
Tritanopia #c69d99 ≈ 0.0001% degli uomini
Protanomalia #b4a475 ≈ 1.08% degli uomini
Deuteranomalia #b8a878 ≈ 4.63% degli uomini
Tritanomalia #c1a08d ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-bba577 {
  color: #bba577;
}
Sfondo
.bg-bba577 {
  background-color: #bba577;
  color: #000000;
}
Bordo
.border-bba577 {
  border: 2px solid #bba577;
}
Variabili CSS
:root {
  --color-primary: #bba577;
  --color-primary-rgb: 187 165 119;
  --color-primary-hsl: 41 33% 60%;
}
Sfumatura
.gradient-bba577 {
  background: linear-gradient(135deg, #bba577, #afbb77);
}
Ombra colorata
.shadow-bba577 {
  box-shadow: 0 8px 24px rgb(187 165 119 / 0.35);
}

#c2b280 Ecru ΔE 4.19 #d2b48c Tan ΔE 6.11 #c19a6b Camel ΔE 6.16 #deb887 Burly Wood ΔE 7.93 #bcb88a Sage ΔE 7.94 #bdb76b Dark Khaki ΔE 9.39 #c5b358 Vegas Gold ΔE 9.56 #445a88 Invertito #a7a7a7 Scala di grigi 

Ecru
#bba577  rgb(187, 165, 119)  hsl(41, 33%, 60%)  Ecru
#778dbb  rgb(119, 141, 187)  hsl(221, 33%, 60%)  Glaucous
#77bba5  rgb(119, 187, 165)  hsl(161, 33%, 60%)  Medium Aquamarine
#a577bb  rgb(165, 119, 187)  hsl(281, 33%, 60%)  Purple Mountain Majesty