ColorTool
Accedi
#B0393A

#b0393a ≈ Brown

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

#b0393a è un colore della famiglia «rosso», con luminosità media e saturazione moderata. Nel modello RGB è composto da 69,02% di rosso, 22,35% di verde e 22,75% di blu; in stampa CMYK usa 0% di ciano, 67,61% di magenta, 67,05% di giallo e 30,98% di nero. Il suo angolo di tinta è 359,5°, con 51,07% di saturazione e 45,69% 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 bianco su questo colore raggiunge un rapporto di contrasto di 6,01:1 (WCAG AA). Il colore con nome più vicino è Brown (#a52a2a), ΔE 4,27.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #b0393a
  2. #39b0af

Complementare diviso

  1. #b0393a
  2. #39b074
  3. #3976b0

Analogo

  1. #b03976
  2. #b0393a
  3. #b07439

Triadico

  1. #b0393a
  2. #3ab039
  3. #393ab0

Tetradico

  1. #b0393a
  2. #b0af39
  3. #39b0af
  4. #393ab0

Quadrato

  1. #b0393a
  2. #76b039
  3. #39b0af
  4. #7439b0

Monocromatico

  1. #3c1414
  2. #762627
  3. #b0393a
  4. #ce6868
  5. #e1a1a2

Ombre

#b0393a miscelato progressivamente con il nero.

  1. #b0393a
  2. #9e3334
  3. #8d2e2e
  4. #7b2829
  5. #6a2223
  6. #581d1d
  7. #461717
  8. #351111
  9. #230b0c
  10. #120606
  11. #000000

Tinte

#b0393a miscelato progressivamente con il bianco.

  1. #b0393a
  2. #b84d4e
  3. #c06161
  4. #c87475
  5. #d08889
  6. #d89c9d
  7. #dfb0b0
  8. #e7c4c4
  9. #efd7d8
  10. #f7ebeb
  11. #ffffff

Toni

#b0393a miscelato progressivamente con il grigio.

  1. #b0393a
  2. #ab4041
  3. #a64748
  4. #a24e4f
  5. #9d5556
  6. #985d5d
  7. #936464
  8. #8e6b6b
  9. #8a7272
  10. #857979
  11. #808080

Testo leggibile 6.01:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.49:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #636363 ≈ 0.003% degli uomini
Acromatomalia #895555 ≈ 0.001% degli uomini
Protanopia #595339 ≈ 1.01% degli uomini
Deuteranopia #776c37 ≈ 1.27% degli uomini
Tritanopia #c11a3b ≈ 0.0001% degli uomini
Protanomalia #854a39 ≈ 1.08% degli uomini
Deuteranomalia #915c38 ≈ 4.63% degli uomini
Tritanomalia #bb293a ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-b0393a {
  color: #b0393a;
}
Sfondo
.bg-b0393a {
  background-color: #b0393a;
  color: #ffffff;
}
Bordo
.border-b0393a {
  border: 2px solid #b0393a;
}
Variabili CSS
:root {
  --color-primary: #b0393a;
  --color-primary-rgb: 176 57 58;
  --color-primary-hsl: 360 51% 46%;
}
Sfumatura
.gradient-b0393a {
  background: linear-gradient(135deg, #b0393a, #b07439);
}
Ombra colorata
.shadow-b0393a {
  box-shadow: 0 8px 24px rgb(176 57 58 / 0.35);
}

#a52a2a Brown ΔE 4.27 #a52a2a Auburn ΔE 4.27 #c41e3a Cardinal ΔE 4.62 #b22222 Firebrick ΔE 5.16 #cc3333 Persian Red ΔE 5.90 #ce2029 Fire Engine Red ΔE 6.40 #b31b1b Cornell Red ΔE 6.47 #4fc6c5 Invertito #636363 Scala di grigi 

Brown
#b0393a  rgb(176, 57, 58)  hsl(360, 51%, 46%)  Brown
#39b0af  rgb(57, 176, 175)  hsl(180, 51%, 46%)  Verdigris
#3ab039  rgb(58, 176, 57)  hsl(120, 51%, 46%)  Kelly Green
#393ab0  rgb(57, 58, 176)  hsl(240, 51%, 46%)  Persian Blue