ColorTool
Accedi
#BCA458

#bca458 ≈ Brass

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

#bca458 è un colore della famiglia «giallo», con luminosità media e saturazione moderata. Nel modello RGB è composto da 73,73% di rosso, 64,31% di verde e 34,51% di blu; in stampa CMYK usa 0% di ciano, 12,77% di magenta, 53,19% di giallo e 26,27% di nero. Il suo angolo di tinta è 45,6°, con 42,74% di saturazione e 54,12% 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,59:1 (WCAG AAA). Il colore con nome più vicino è Brass (#b5a642), ΔE 4,73.

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

Complementare

  1. #bca458
  2. #5870bc

Complementare diviso

  1. #bca458
  2. #58a2bc
  3. #7258bc

Analogo

  1. #bc7258
  2. #bca458
  3. #a2bc58

Triadico

  1. #bca458
  2. #58bca4
  3. #a458bc

Tetradico

  1. #bca458
  2. #70bc58
  3. #5870bc
  4. #a458bc

Quadrato

  1. #bca458
  2. #58bc72
  3. #5870bc
  4. #bc58a2

Monocromatico

  1. #584b23
  2. #8e7a39
  3. #bca458
  4. #d2c28f
  5. #e8e0c5

Ombre

#bca458 miscelato progressivamente con il nero.

  1. #bca458
  2. #a9944f
  3. #968346
  4. #84733e
  5. #716235
  6. #5e522c
  7. #4b4223
  8. #38311a
  9. #262112
  10. #131009
  11. #000000

Tinte

#bca458 miscelato progressivamente con il bianco.

  1. #bca458
  2. #c3ad69
  3. #c9b679
  4. #d0bf8a
  5. #d7c89b
  6. #ded2ac
  7. #e4dbbc
  8. #ebe4cd
  9. #f2edde
  10. #f8f6ee
  11. #ffffff

Toni

#bca458 miscelato progressivamente con il grigio.

  1. #bca458
  2. #b6a05c
  3. #b09d60
  4. #aa9964
  5. #a49668
  6. #9e926c
  7. #988e70
  8. #928b74
  9. #8c8778
  10. #86847c
  11. #808080

Testo leggibile 2.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 8.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a6a6a6 ≈ 0.003% degli uomini
Acromatomalia #afa58d ≈ 0.001% degli uomini
Protanopia #b2a251 ≈ 1.01% degli uomini
Deuteranopia #b8a95b ≈ 1.27% degli uomini
Tritanopia #c99992 ≈ 0.0001% degli uomini
Protanomalia #b6a354 ≈ 1.08% degli uomini
Deuteranomalia #baa75a ≈ 4.63% degli uomini
Tritanomalia #c49e7f ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-bca458 {
  color: #bca458;
}
Sfondo
.bg-bca458 {
  background-color: #bca458;
  color: #000000;
}
Bordo
.border-bca458 {
  border: 2px solid #bca458;
}
Variabili CSS
:root {
  --color-primary: #bca458;
  --color-primary-rgb: 188 164 88;
  --color-primary-hsl: 46 43% 54%;
}
Sfumatura
.gradient-bca458 {
  background: linear-gradient(135deg, #bca458, #a2bc58);
}
Ombra colorata
.shadow-bca458 {
  box-shadow: 0 8px 24px rgb(188 164 88 / 0.35);
}

#b5a642 Brass ΔE 4.73 #c5b358 Vegas Gold ΔE 4.95 #c2b280 Ecru ΔE 6.84 #bdb76b Dark Khaki ΔE 7.12 #d4af37 Metallic Gold ΔE 7.36 #cfb53b Old Gold ΔE 7.65 #c19a6b Camel ΔE 9.27 #435ba7 Invertito #a6a6a6 Scala di grigi 

Brass
#bca458  rgb(188, 164, 88)  hsl(46, 43%, 54%)  Brass
#5870bc  rgb(88, 112, 188)  hsl(226, 43%, 54%)  Royal Blue
#58bca4  rgb(88, 188, 164)  hsl(166, 43%, 54%)  Medium Aquamarine
#a458bc  rgb(164, 88, 188)  hsl(286, 43%, 54%)  Purpureus