ColorTool
Accedi
#BC937D

#bc937d ≈ Beaver

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

#bc937d è un colore della famiglia «arancione», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 73,73% di rosso, 57,65% di verde e 49,02% di blu; in stampa CMYK usa 0% di ciano, 21,81% di magenta, 33,51% di giallo e 26,27% di nero. Il suo angolo di tinta è 20,95°, con 31,98% di saturazione e 61,37% 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 7,61:1 (WCAG AAA). Il colore con nome più vicino è Beaver (#9f8170), ΔE 7,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.3304

Complementare

  1. #bc937d
  2. #7da6bc

Complementare diviso

  1. #bc937d
  2. #7dbcb2
  3. #7d86bc

Analogo

  1. #bc7d86
  2. #bc937d
  3. #bcb27d

Triadico

  1. #bc937d
  2. #7dbc93
  3. #937dbc

Tetradico

  1. #bc937d
  2. #a6bc7d
  3. #7da6bc
  4. #937dbc

Quadrato

  1. #bc937d
  2. #86bc7d
  3. #7da6bc
  4. #b27dbc

Monocromatico

  1. #6a4836
  2. #9c6b50
  3. #bc937d
  4. #d6bdaf
  5. #f0e7e2

Ombre

#bc937d miscelato progressivamente con il nero.

  1. #bc937d
  2. #a98471
  3. #967664
  4. #846758
  5. #71584b
  6. #5e4a3f
  7. #4b3b32
  8. #382c26
  9. #261d19
  10. #130f0d
  11. #000000

Tinte

#bc937d miscelato progressivamente con il bianco.

  1. #bc937d
  2. #c39e8a
  3. #c9a997
  4. #d0b3a4
  5. #d7beb1
  6. #dec9be
  7. #e4d4cb
  8. #ebdfd8
  9. #f2e9e5
  10. #f8f4f2
  11. #ffffff

Toni

#bc937d miscelato progressivamente con il grigio.

  1. #bc937d
  2. #b6917d
  3. #b08f7e
  4. #aa8d7e
  5. #a48b7e
  6. #9e8a7f
  7. #98887f
  8. #92867f
  9. #8c847f
  10. #868280
  11. #808080

Testo leggibile 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 7.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9c9c9c ≈ 0.003% degli uomini
Acromatomalia #aa9890 ≈ 0.001% degli uomini
Protanopia #9e977b ≈ 1.01% degli uomini
Deuteranopia #a89f7d ≈ 1.27% degli uomini
Tritanopia #c78c8d ≈ 0.0001% degli uomini
Protanomalia #ab957c ≈ 1.08% degli uomini
Deuteranomalia #b09a7d ≈ 4.63% degli uomini
Tritanomalia #c38f87 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-bc937d {
  color: #bc937d;
}
Sfondo
.bg-bc937d {
  background-color: #bc937d;
  color: #000000;
}
Bordo
.border-bc937d {
  border: 2px solid #bc937d;
}
Variabili CSS
:root {
  --color-primary: #bc937d;
  --color-primary-rgb: 188 147 125;
  --color-primary-hsl: 21 32% 61%;
}
Sfumatura
.gradient-bc937d {
  background: linear-gradient(135deg, #bc937d, #bcb27d);
}
Ombra colorata
.shadow-bc937d {
  box-shadow: 0 8px 24px rgb(188 147 125 / 0.35);
}

#9f8170 Beaver ΔE 7.57 #deaa88 Tumbleweed ΔE 8.31 #a67b5b Cafe au Lait ΔE 8.87 #c19a6b Camel ΔE 8.90 #d68a59 Raw Sienna ΔE 9.53 #bc8f8f Rosy Brown ΔE 9.85 #e9967a Dark Salmon ΔE 9.96 #436c82 Invertito #9c9c9c Scala di grigi 

Beaver
#bc937d  rgb(188, 147, 125)  hsl(21, 32%, 61%)  Beaver
#7da6bc  rgb(125, 166, 188)  hsl(201, 32%, 61%)  Moonstone Blue
#7dbc93  rgb(125, 188, 147)  hsl(141, 32%, 61%)  Dark Sea Green
#937dbc  rgb(147, 125, 188)  hsl(261, 32%, 61%)  Purple Mountain Majesty