ColorTool
Accedi
#B1B143

#b1b143 ≈ Brass

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

#b1b143 è un colore della famiglia «giallo», con luminosità media e saturazione moderata. Nel modello RGB è composto da 69,41% di rosso, 69,41% di verde e 26,27% di blu; in stampa CMYK usa 0% di ciano, 0% di magenta, 62,15% di giallo e 30,59% di nero. Il suo angolo di tinta è 60°, con 45,08% di saturazione e 47,84% 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 9,24:1 (WCAG AAA). Il colore con nome più vicino è Brass (#b5a642), ΔE 4,87.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #b1b143
  2. #4343b1

Complementare diviso

  1. #b1b143
  2. #437ab1
  3. #7a43b1

Analogo

  1. #b17a43
  2. #b1b143
  3. #7ab143

Triadico

  1. #b1b143
  2. #43b1b1
  3. #b143b1

Tetradico

  1. #b1b143
  2. #43b143
  3. #4343b1
  4. #b143b1

Quadrato

  1. #b1b143
  2. #43b17a
  3. #4343b1
  4. #b1437a

Monocromatico

  1. #424219
  2. #79792e
  3. #b1b143
  4. #cbcb76
  5. #e0e0ad

Ombre

#b1b143 miscelato progressivamente con il nero.

  1. #b1b143
  2. #9f9f3c
  3. #8e8e36
  4. #7c7c2f
  5. #6a6a28
  6. #595922
  7. #47471b
  8. #353514
  9. #23230d
  10. #121207
  11. #000000

Tinte

#b1b143 miscelato progressivamente con il bianco.

  1. #b1b143
  2. #b9b956
  3. #c1c169
  4. #c8c87b
  5. #d0d08e
  6. #d8d8a1
  7. #e0e0b4
  8. #e8e8c7
  9. #efefd9
  10. #f7f7ec
  11. #ffffff

Toni

#b1b143 miscelato progressivamente con il grigio.

  1. #b1b143
  2. #acac49
  3. #a7a74f
  4. #a2a255
  5. #9d9d5b
  6. #999962
  7. #949468
  8. #8f8f6e
  9. #8a8a74
  10. #85857a
  11. #808080

Testo leggibile 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 9.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #acacac ≈ 0.003% degli uomini
Acromatomalia #aeae8e ≈ 0.001% degli uomini
Protanopia #bfaa35 ≈ 1.01% degli uomini
Deuteranopia #c0ae4a ≈ 1.27% degli uomini
Tritanopia #bda69a ≈ 0.0001% degli uomini
Protanomalia #b9ad3b ≈ 1.08% degli uomini
Deuteranomalia #baaf47 ≈ 4.63% degli uomini
Tritanomalia #b8ab80 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-b1b143 {
  color: #b1b143;
}
Sfondo
.bg-b1b143 {
  background-color: #b1b143;
  color: #000000;
}
Bordo
.border-b1b143 {
  border: 2px solid #b1b143;
}
Variabili CSS
:root {
  --color-primary: #b1b143;
  --color-primary-rgb: 177 177 67;
  --color-primary-hsl: 60 45% 48%;
}
Sfumatura
.gradient-b1b143 {
  background: linear-gradient(135deg, #b1b143, #7ab143);
}
Ombra colorata
.shadow-b1b143 {
  box-shadow: 0 8px 24px rgb(177 177 67 / 0.35);
}

#b5a642 Brass ΔE 4.87 #bdb76b Dark Khaki ΔE 5.65 #c5b358 Vegas Gold ΔE 5.75 #cfb53b Old Gold ΔE 7.73 #8db600 Apple Green ΔE 8.88 #d4af37 Metallic Gold ΔE 10.51 #e4d96f Straw ΔE 11.10 #4e4ebc Invertito #acacac Scala di grigi 

Brass
#b1b143  rgb(177, 177, 67)  hsl(60, 45%, 48%)  Brass
#4343b1  rgb(67, 67, 177)  hsl(240, 45%, 48%)  Ocean Blue
#43b1b1  rgb(67, 177, 177)  hsl(180, 45%, 48%)  Verdigris
#b143b1  rgb(177, 67, 177)  hsl(300, 45%, 48%)  Purpureus