ColorTool
Accedi
#B86A58

#b86a58 ≈ Redwood

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

#b86a58 è un colore della famiglia «rosso», con luminosità media e saturazione moderata. Nel modello RGB è composto da 72,16% di rosso, 41,57% di verde e 34,51% di blu; in stampa CMYK usa 0% di ciano, 42,39% di magenta, 52,17% di giallo e 27,84% di nero. Il suo angolo di tinta è 11,25°, con 40,34% di saturazione e 53,33% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 5,24:1 (WCAG AA). Il colore con nome più vicino è Redwood (#a45a52), ΔE 7,32.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #b86a58
  2. #58a6b8

Complementare diviso

  1. #b86a58
  2. #58b89a
  3. #5876b8

Analogo

  1. #b85876
  2. #b86a58
  3. #b89a58

Triadico

  1. #b86a58
  2. #58b86a
  3. #6a58b8

Tetradico

  1. #b86a58
  2. #a6b858
  3. #58a6b8
  4. #6a58b8

Quadrato

  1. #b86a58
  2. #76b858
  3. #58a6b8
  4. #9a58b8

Monocromatico

  1. #532c23
  2. #89493a
  3. #b86a58
  4. #cf9a8e
  5. #e6cac3

Ombre

#b86a58 miscelato progressivamente con il nero.

  1. #b86a58
  2. #a65f4f
  3. #935546
  4. #814a3e
  5. #6e4035
  6. #5c352c
  7. #4a2a23
  8. #37201a
  9. #251512
  10. #120b09
  11. #000000

Tinte

#b86a58 miscelato progressivamente con il bianco.

  1. #b86a58
  2. #bf7969
  3. #c68879
  4. #cd978a
  5. #d4a69b
  6. #dcb5ac
  7. #e3c3bc
  8. #ead2cd
  9. #f1e1de
  10. #f8f0ee
  11. #ffffff

Toni

#b86a58 miscelato progressivamente con il grigio.

  1. #b86a58
  2. #b26c5c
  3. #ad6e60
  4. #a77164
  5. #a27368
  6. #9c756c
  7. #967770
  8. #917974
  9. #8b7c78
  10. #867e7c
  11. #808080

Testo leggibile 4.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7f7f7f ≈ 0.003% degli uomini
Acromatomalia #997771 ≈ 0.001% degli uomini
Protanopia #7d7556 ≈ 1.01% degli uomini
Deuteranopia #908557 ≈ 1.27% degli uomini
Tritanopia #c75e66 ≈ 0.0001% degli uomini
Protanomalia #987157 ≈ 1.08% degli uomini
Deuteranomalia #a17b57 ≈ 4.63% degli uomini
Tritanomalia #c16360 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-b86a58 {
  color: #b86a58;
}
Sfondo
.bg-b86a58 {
  background-color: #b86a58;
  color: #000000;
}
Bordo
.border-b86a58 {
  border: 2px solid #b86a58;
}
Variabili CSS
:root {
  --color-primary: #b86a58;
  --color-primary-rgb: 184 106 88;
  --color-primary-hsl: 11 40% 53%;
}
Sfumatura
.gradient-b86a58 {
  background: linear-gradient(135deg, #b86a58, #b89a58);
}
Ombra colorata
.shadow-b86a58 {
  box-shadow: 0 8px 24px rgb(184 106 88 / 0.35);
}

#a45a52 Redwood ΔE 7.32 #cd5c5c Indian Red ΔE 7.59 #e2725b Terra Cotta ΔE 8.62 #996666 Copper Rose ΔE 10.05 #c08081 Old Rose ΔE 10.45 #e97451 Burnt Sienna ΔE 10.67 #e34234 Cinnabar ΔE 10.87 #4795a7 Invertito #7f7f7f Scala di grigi 

Redwood
#b86a58  rgb(184, 106, 88)  hsl(11, 40%, 53%)  Redwood
#58a6b8  rgb(88, 166, 184)  hsl(191, 40%, 53%)  Moonstone Blue
#58b86a  rgb(88, 184, 106)  hsl(131, 40%, 53%)  Medium Sea Green
#6a58b8  rgb(106, 88, 184)  hsl(251, 40%, 53%)  Slate Blue